美文网首页
ext3.4树形表格的搜索功能

ext3.4树形表格的搜索功能

作者: 痛心凉 | 来源:发表于2019-01-21 17:07 被阅读0次

需要在树形表格加载时,将后台请求回来的数据直接返回给这个树形表格。

                                                    var treeGrideNodeId = that.modRelObjPL.modId;
                                                    var treeloader = new Ext.ux.tree.TreeGridLoader({
                                                        dataUrl: "treeGrid.do",
                                                        baseParams: {
                                                              nodeId: treeGrideNodeId, //传递id
                                                              name: search_mod_name1,// 传模糊搜索的名称
                                                        },
                                                        listeners: {
                                                            load: function (store, records, successful, eOpts) {
                                                                if (store.isRoot) {
                                                                    for (var i = 1; i < records.childNodes.length; i++) {
                                                                        records.childNodes[i].collapse();
                                                                    } ;
                                                                    isfirstTrue = false;
                                                                    return;
                                                                }
                                                            }
                                                        }
                                                    });
                                                    var treeGrid = new Ext.ux.tree.TreeGrid({
                                                        width: 700,
                                                        id: "ext-comp",
                                                        bodyStyle: 'overflow-x:hidden; overflow-y:auto',
                                                        enableSort: false,// 默认为true,控件根据列的内容排序;置为false,则按照数据顺序显示
                                                        columns: [{
                                                            header: '模板名称',
                                                            dataIndex: 'nodeName',
                                                            width: 250,
                                                            align: 'center',
                                                        }, {
                                                            header: '模板id',
                                                            dataIndex: 'nodeId',
                                                            width: 60,
                                                            align: 'center',
                                                            style: "padding-left:10px",
                                                        }, {
                                                            header: '采集周期',
                                                            dataIndex: 'cycle',
                                                            align: 'center',
                                                            style: "padding-left:10px",
                                                            width: 60,
                                                        },
                                                            {
                                                                header: '上次发布结束日期',
                                                                dataIndex: 'endDate',
                                                                align: 'center',
                                                                width: 110,
                                                                style: "padding-left:10px",
                                                            }, {
                                                                header: '本次发布结束日期',
                                                                dataIndex: 'endDatePL',
                                                                align: 'center',
                                                                width: 110,
                                                                style: "padding-left:10px",
                                                            },
                                                            {
                                                                header: '选择发布',
                                                                dataIndex: 'checked',
                                                                align: 'center',
                                                                style: "padding-left:10px;z-index:9999",
                                                                width: 100,
                                                                id: "ext-comp-1071-xlhd-6"       
                                                            }],
                                                        listeners: {
                                                            beforeload: function (node) {
                                                                //为了防止文件夹的重复打开
                                                                if (node.attributes.nodeId != undefined) {
                                                                    treeGrid.loader.dataUrl = "treeGrid.do?nodeId=" + node.attributes.nodeId;
                                                                } else {
                                                                    treeGrid.loader.dataUrl = "treeGrid.do?nodeId=" + that.modRelObjPL.modId;
                                                                }
                                                            },
                                                            render: function () {
                                                            },             
                                                        } ,
                                                        loader: treeloader,
                                                    });
                                                    //添加到弹框中
                                                    Ext.getCmp("now_rel_boxPL").add(treeGrid)
                                                    Ext.getCmp("now_rel_boxPL").doLayout()
效果图 search.png

相关文章

网友评论

      本文标题:ext3.4树形表格的搜索功能

      本文链接:https://www.haomeiwen.com/subject/gpacjqtx.html