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

发布于 2022-09-11 21:06:57 字数 1915 浏览 24 评论 0

初始化代码:

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

幼儿园老大 2022-09-18 21:06:57

已解决

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

$('#pouhViewDetail').datagrid('enableFilter', [{
    field: 'vwocode',
    type: 'text'
},{
    field: 'vwobarcode',
    type: 'text'
},{
    field: 'twisharrvlimmit',
    type: 'label'
}
]);
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文