grid组件的自定义开发

vakey

X5开发版本为3.8
需要用到grid组件的userFilterBar功能，启用后发现有兼容性问题，WIN下使用Chrome及IE均出现以点击判断条件选择只能出来一个的问题。



然后想要对grid进行一下修改，
1、去除前面的条件选择及后面的重置按钮。

2、修改过滤的方式，目前grid的搜索方式好像是'*%'匹配，想改成'%*%',进行模糊搜索
实现这两个修改需要怎么怎么改

jishuang

1.http://docs.wex5.com/bex5-ui-question-list-10090/自己设置类型
2.到网上查找jqgrid是否有相关的不显示设置，如果没有去除的可以自己通过jquery查找元素的方式删除
3.选择包含的过滤操作不就可以了吗

vakey

jishuang 发表于 2018-11-16 15:08
1.http://docs.wex5.com/bex5-ui-question-list-10090/自己设置类型
2.到网上查找jqgrid是否有相关的不显示 ...

第三点选择不了，看图片，我点击后只能出来一个，其他的查询条件都出不来，所有考虑干脆去掉，直接采用模糊搜索

jishuang

2楼的1不是已经说了吗需要自己设置类型啊

vakey

jishuang 发表于 2018-11-16 15:59
2楼的1不是已经说了吗需要自己设置类型啊

// 引用grid.js
var Grid = require("$UI/system/components/justep/grid/grid");

Model.prototype.button5Click = function(event) {
    var parentNode = this.getElementByXid("content2");
    var option = {
        parentNode : parentNode,
        // grid的属性，设计时有的属性都可以设置
        xid : "gridMain",
        data : "data1",
        width : '100%',
        height : 'auto',
        useFilterBar : true,
        // 列定义
        colModel : [ {
            name : "fName",
            xid : "column1",
            label : "名称",
            searchoptions : {
                sopt : [ 'eq', 'ne', 'bw', 'bn', 'ew', 'en', 'cn', 'nc', 'nu', 'nn', 'in', 'ni' ]
            }
        }, {
            name : "fCode",
            xid : "column2",
            label : "编码",
            searchoptions : {
                sopt : [ 'eq', 'ne', 'bw' ]
            }
        } ]

    };
        new Grid(option);
    }


意思是自己查出表里数据然后放到option里面重新生成grid？

jishuang

sopt : [ 'eq', 'ne', 'bw', 'bn', 'ew', 'en', 'cn', 'nc', 'nu', 'nn', 'in', 'ni' ]中自己设置过滤的选项啊