Всплывающий компонент Pentaho CDE для столбцов таблицы данных

Я хочу сделать всплывающие окна для каждого столбца в моем табличном компоненте, чтобы объяснить, откуда берутся числа в этом столбце. Ссылка ниже является примером всплывающего окна на круговой диаграмме. Кто-нибудь знает, как это сделать в таблице данных?

Пример компонента всплывающего окна в Pentaho CDE — Всплывающее окно на круговой диаграмме и во всплывающем окне с гистограммой или любым другим компонентом CDE


person Connie Chen    schedule 22.06.2016    source источник


Ответы (1)


РЕДАКТИРОВАТЬ 2017:

Я хотел бы представить другой способ (возможно, лучший) для доступа к строкам в таблице. Теперь я делаю следующее:

Dashboards.fireChange('my_variable',e.tableData[e.rowIdx][column_index]);

e.rowIdx возвращает индекс строки, на которую я нажимаю. Когда я использую e.tableData[e.rowIdx], я могу получить все столбцы в этой строке, и, зная, какой столбец дает мне желаемое значение, я могу получить к нему доступ, используя индекс столбца.

Исходный пост:

Я расскажу свой опыт. У меня есть одна таблица, которая, когда я нажимаю строку, выполняет другой запрос на моей панели инструментов. Что я сделал, и я не знаю, лучший ли это способ сделать это, выполнял код javascript, когда я нажимаю на таблицу, и проверял, является ли щелкнутый столбец тем, из которого мне нужна информация.

В свойстве clickAction компонента таблицы у меня есть этот js:

function f(e){ 
    if(e.category == 'COLUMN_NAME_DESIRED')
    {
        Dashboards.fireChange('my_variable', e.value);
    }
} 

И у меня есть еще один компонент таблицы, прослушивающий my_variable. Таким образом, когда значение изменяется, панель инструментов загружает этот другой компонент.

В вашем конкретном случае я бы сделал так:

function f(e){ 
    if(e.category == 'COLUMN_NAME_1')
    {
        alert('this row represents X');
    }
    if(e.category == 'COLUMN_NAME_2')
    {
        alert('this row represents Y');
    }
} 

Теперь, если вы хотите использовать всплывающее диалоговое окно, а не js:alert, поищите несколько примеров css. Я думаю, это поможет вам.

person Lucas Gomes    schedule 09.09.2016