【问题标题】:Individual column searching in Pentaho CDE BI serverPentaho CDE BI 服务器中的单个列搜索
【发布时间】:2014-12-15 16:01:36
【问题描述】:

CDE Pentaho 中的表格组件是基于数据的,我想在我的表格中实现这个功能https://datatables.net/examples/api/multi_filter.html

$(document).ready(function() {
    // Setup - add a text input to each footer cell
    $('#example tfoot th').each( function () {
        var title = $('#example thead th').eq( $(this).index() ).text();
        $(this).html( '<input type="text" placeholder="Search '+title+'" />' );
    } );

    // DataTable
    var table = $('#example').DataTable();

    // Apply the search
    table.columns().eq( 0 ).each( function ( colIdx ) {
        $( 'input', table.column( colIdx ).footer() ).on( 'keyup change', function () {
            table
                .column( colIdx )
                .search( this.value )
                .draw();
        } );
    } );
} );

我无法让它工作,我收到错误处理组件消息,我尝试将它包含为 js sn-p,作为外部源,在后获取和后执行功能中,我认为缺少索引对于导致问题的每一列,我在输出选项中都包含了索引,它也不起作用,

我也找到了这个替代品http://jsfiddle.net/CmMfJ/2/#collaborate

var table = $('#example').DataTable();

$("#example tfoot th").each( function ( i ) {
  var select = $('<select><option value="">All</option></select>')
    .appendTo( $(this).empty() )
    .on( 'change', function () {
       var term =  $(this).val()!=='' ?   '^'+$(this).val()+'$' : '';
       table.column( i )
          .search(term, true, false )
          .draw();
       } );

  table.column( i ).data().unique().sort().each( function ( d, j ) {
    select.append( '<option value="'+d+'">'+d+'</option>' )
  });
});

我没有收到该代码的任何错误,但它不起作用,表没有改变,在这两种情况下,在执行后函数中我都这样做了:函数 f(){ 代码},我还更改了变量#example 为我的表的名称,没有任何效果,任何帮助将不胜感激,谢谢。

【问题讨论】:

  • 我遇到了这个确切的问题。你找到答案了吗?
  • @SeanBranchaw 对不起,Shane,我没有:/

标签: javascript datatables pentaho pentaho-cde


【解决方案1】:

您的 postExecution 方法可能是正确的,但您无法在该 div 上创建新的 DataTable。它已经被创建了。

如果您在 postExecution 执行期间检查 this 对象,则其中一个字段(不记得是哪个)可让您访问 DataTable 对象(示例中的 var 表)。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-02-17
    • 1970-01-01
    • 2015-08-19
    • 1970-01-01
    • 1970-01-01
    • 2015-04-08
    • 2012-07-05
    • 1970-01-01
    相关资源
    最近更新 更多