easyui datagrid-filter插件在数据更新后不显示筛选框了?

Twisted
  • 354

初始化代码:

function createDatagrid(rec) {
        var tbName = rec.tbName;
        var dataSourceId = $('#pull_dbId').combobox('getValue');
        $('#table_name_column').show()
        $('#column_table').datagrid({
            url: 'xxxx?id=' + dataSourceId + '&tableName=' + tbName,
            pagination: true,
            height: 'auto',
            maxHeight: '300',
            filterRules: [],
            onLoadError: function(data) {
                $('#table_name_column').hide()
                $.eleAlert('请求异常', 2)
            },
            onLoadSuccess: function(data) {
                if (data.total < 1) {
                    $('#table_name_column').hide()
                    $.eleAlert('暂无数据', 2)
                } else {
                    $('#table_name_column').show()
                }
            },
            columns:[
                [
                    {
                        title: '',
                        field: '',
                        checkbox: true
                    },
                    {
                        title: '字段',
                        field: 'name'
                    },
                    {
                        title: '类型',
                        field: 'type'
                    },
                    {
                        title: '备注',
                        field: 'remark'
                    }
                ]
            ]
        })
        $('#column_table').datagrid('enableFilter')
    }

这是第一次加载时没有问题,接口参数依赖另外一个combobox的值。当combobox的值发生改变时我再调用createDatagrid时数据加载正常,但是上面的筛选框不见了,combobox部分代码:

onSelect:function(rec) {
   createDatagrid(rec)
}

select前:

clipboard.png

select后:

clipboard.png

评论
阅读 1.7k
1 个回答
cool86
  • 1
新手上路,请多包涵

已解决

需要显示的指定每个字段的过滤方式,把需要过滤的字段全部列出来

$('#pouhViewDetail').datagrid('enableFilter', [{
    field: 'vwocode',
    type: 'text'
},{
    field: 'vwobarcode',
    type: 'text'
},{
    field: 'twisharrvlimmit',
    type: 'label'
}
]);
撰写回答

登录后参与交流、获取后续更新提醒

宣传栏