EasyUI treegrid 模糊查询、搜索

摘要:
=-1){//定义一个数组newData.push;return;}elseif(item.children!

纯JS完成 treegrid 模糊搜索功能:

               $("#dataTab").treegrid({
                url: '/Organization/GetOrganizationList',
                //view: DefaultView,
                fit: true,
                pageSize: 20,
                method: 'post',
                queryParams: { },
                rownumbers: true,
                pagination: false,
                singleSelect: true,
                fitColumns: true,
                idField: 'Id',
                treeField: 'Name',
                parentField: 'ParentId',
                loadFilter: function (data) {
                    if (bFound) {
                        allData = data;
                        bFound = false;
                    }
                    return data;
                },
                columns: [[
                 { field: 'Name', title: '@Z("Home.orgName")@*机构名称*@',  300, align: 'left' }
                ,{ field: 'OrgTypeName', title: '@Z("Home.orgType")@*机构类型*@',  160, align: 'center' }
                ,{ field: 'OrgCode', title: '@Z("Platform.OrgCode")@*机构编号*@',  100, align: 'center' }
                 , { field: 'ContactName', title: '@Z("Home.linkman")@*联系人*@',  160, align: 'center' }
                 , { field: 'ContactPhone', title: '@Z("Home.contactNumber")@*联系电话*@',  160, align: 'center' }
                 , { field: 'Address', title: '@Z("Home.contactAddress")@*联系地址*@',  200, align: 'center' }
                 , { field: 'Remarks', title: '@Z("Home.describe")@*描述*@',  200, align: 'center' }
                ]],
                   onLoadSuccess: function (data) {
                    $('#dataTab').treegrid('resize', {
                         function () { return $(this).parent().width() }
                    });
                }, toolbar: "#toolbar",
                onClickRow: function (row) {
                    var currentUserType = '@ViewBag.UserType';
                    if (currentUserType != '1' && row.ParentId == 0) {
                        $('#org_edit').hide();
                        $('#org_delete').hide();
                    } else {
                        $('#org_edit').show();
                        $('#org_delete').show();
                    }
                }
            });
        function doFilter() {
            var filter = $("#filter").val();
            if (filter == "") {
                $('#dataTab').treegrid('loadData', allData);
            } else {
                var newData = new Array();
                for (var i = 0; i < allData.length; i++) {
                    var item = allData[i];
                    if (item.Name.indexOf(filter) != -1) {
                        // 定义一个数组  
                        newData.push(item);
                    } else if (item.children != null && item.children.length > 0) {
                        doChildFilter(item, newData, filter);
                    }
                }
                $('#dataTab').treegrid('loadData', newData);
            }
        }
        function doChildFilter(parentItem, newData, filter) {
            var list = parentItem.children;
            for (var i = 0; i < list.length; i++) {
                var item = list[i];
                if (item.Name.indexOf(filter) != -1) {
                    // 定义一个数组  
                    newData.push(item);
                    return;
                } else if (item.children != null && item.children.length > 0) {
                    doChildFilter(item, newData, filter);
                }
            }
        }

免责声明:文章转载自《EasyUI treegrid 模糊查询、搜索》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇C#序列化和反序列化C++ 求最大公因数和最大公倍数模板下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

js遍历table中的数据,并组装成json

1 functionfore(){ 2 var temp = ""; 3 var tabLen = document.getElementById("tableID"); 4 var jsonT = "{pieTes:["; 5 for(var i = 0; i < tabLen.row...

【Oracle】给clob字段插入数据

// 插入 //OracleCommand cmd = "insertInto into GIS_PolygonPoint(PCode,PointColl) values('140134', :var)"; // 修改 //OracleCommand cmd = new OracleCommand("update yd_line set coord=:co...

JS 中 JSON 对象与字符串之间的相互转换

在开发的过程中,如果对于少量参数的前后台传递,可以直接采用ajax的data函数,按json格式传递,后台Request即可,但有的时候,需要传递多个参数,这样后台 接受的时候Request多个很麻烦,此时要按照类的格式 或 集合的形式进行传递。 1、传递单一对象Json 例如:前台按类的格式传递JSON对象: var jsonUser = "{"User...

JS全局添加token

全局添加token var token = sessionStorage.getItem("UserTocken"); if(token){ $.ajaxSetup({ //发送请求前触发 beforeSend: function(xhr) { //可以设置自定义标头 xhr....

权值初始化

设计好神经网络结构以及loss function 后,训练神经网络的步骤如下: 初始化权值参数 选择一个合适的梯度下降算法(例如:Adam,RMSprop等) 重复下面的迭代过程: 输入的正向传播 计算loss function 的值 反向传播,计算loss function 相对于权值参数的梯度值 根据选择的梯度下降算法,使用梯度值更新每个权值参数...

JS组件系列——封装自己的JS组件

前言:之前分享了那么多bootstrap组件的使用经验,这篇博主打算研究下JS组件的扩展和封装,我们来感受下JQuery为我们提供$.Extend的神奇,看看我们怎么自定义自己的组件,比如我们想扩展一个$("#id").MyJsControl({})做我们自己的组件,我们该如何去做呢,别急,我们慢慢来看看过程。 一、扩展已经存在的组件 1、需求背景 很多时...