zoukankan      html  css  js  c++  java
  • 关于 easyui datagridfilter 中的combox 过滤

    var_activitimodel_datagrid.datagrid({
                singleSelect: true,
                fit: true,
                striped: true,
                fitColumns: false,
                remoteFilter: true,
                sortName: 'id',
                sortOrder: 'desc',
                loadMsg: '正在努力加载,请稍后.....',
                rownumbers: true,
                pagination: true,
                onClickRow: function (rowIndex, rowData) {
                    //加载日志
                    func_activitimodel_Load_Log(rowData.id);
                },
                onSortColumn: customOnSortColumn,
                columns: [
                    [
                        {
                            field: 'id',
                             60,
                            hidden: true
                        },
                        {
                            field: 'key',
                            title: "KEY",
                             100,
                            sortable: true,
                            align: 'center'
                        },
                        {
                            field: 'name',
                            title: "分类名称",
                             200,
                            sortable: true,
                            align: 'left'
                        },
                        {
                            field: 'category',
                            title: "分类",
                             200,
                            sortable: true,
                            align: 'left',
                            formatter: function (value, row, index) {
                                var _temp_OrderTypeNmae = "";
                                $.each(var_OrderTypeInfo, function (item_index, item_value) {
                                    console.info(item_value);
                                    if (item_value["id"] == value) {
                                        _temp_OrderTypeNmae = item_value["name"];
                                        return;
                                    }
                                });
                                return _temp_OrderTypeNmae;
                            }
                        },
                        {
                            field: 'revision',
                            title: "当前版本",
                             100,
                            align: 'left',
                            disablefilter: true
                        },
                        {
                            field: 'tenantId',
                            title: "租户",
                             100,
                            align: 'left',
                            disablefilter: true
                        },
                        {
                            field: 'createTime',
                            title: "创建时间",
                             200,
                            align: 'center',
                            disablefilter: true
                        },
                        {
                            field: 'lastUpdateTime',
                            title: "最后更新时间",
                             200,
                            align: 'center',
                            disablefilter: true
                        },
                        {
                            field: 'metaInfo',
                            title: "元数据",
                             200,
                            align: 'left',
                            disablefilter: true
                        }
                    ]
                ]
            }).datagrid('enableFilter', [
                {
                    field: 'category',
                    type: 'combobox',
                    editable: false,
                    options: {
                        panelHeight: 'auto',
                        mode: 'remote',
                        valueField: 'id',
                        textField: 'name',
                        loader: function (param, success, error) {
                            $.ajax({
                                url: dourl + "findOrderType.do",
                                data: {q: param.q},
                                type: 'post',
                                cache: false,
                                dataType: 'json',
                                success: function (data) {
                                    success(data);
                                },
                                error: function () {
                                    error.apply(this, arguments);
                                }
                            });
                        },
                        onChange: function (value) {
                            if (value == '') {
                                var_activitimodel_datagrid.datagrid('removeFilterRule', 'enable');
                            } else {
                                var_activitimodel_datagrid.datagrid('addFilterRule', {
                                    field: 'category',
                                    op: 'equal',
                                    value: value
                                });
                            }
                            var_activitimodel_datagrid.datagrid('doFilter');
                        }
                    }
                }
            ]);
  • 相关阅读:
    php 人员权限管理(RBAC)
    CSS3的@keyframes用法详解
    phpcms安装与使用
    PDO 数据访问抽象层
    ajax的分页查询
    php 增删改查范例(3)
    php 增删改查范例(2)
    maven部署项目流程(区分环境)
    springboot分环境打包(maven动态选择环境)
    Guava Cache -- MapMaker.makeComputingMap测试
  • 原文地址:https://www.cnblogs.com/armyant/p/7966508.html
Copyright © 2011-2022 走看看