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

需要在樹形表格加載時(shí),將后臺(tái)請(qǐng)求回來的數(shù)據(jù)直接返回給這個(gè)樹形表格。

                                                    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,// 默認(rèn)為true,控件根據(jù)列的內(nèi)容排序;置為false,則按照數(shù)據(jù)順序顯示
                                                        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: '上次發(fā)布結(jié)束日期',
                                                                dataIndex: 'endDate',
                                                                align: 'center',
                                                                width: 110,
                                                                style: "padding-left:10px",
                                                            }, {
                                                                header: '本次發(fā)布結(jié)束日期',
                                                                dataIndex: 'endDatePL',
                                                                align: 'center',
                                                                width: 110,
                                                                style: "padding-left:10px",
                                                            },
                                                            {
                                                                header: '選擇發(fā)布',
                                                                dataIndex: 'checked',
                                                                align: 'center',
                                                                style: "padding-left:10px;z-index:9999",
                                                                width: 100,
                                                                id: "ext-comp-1071-xlhd-6"       
                                                            }],
                                                        listeners: {
                                                            beforeload: function (node) {
                                                                //為了防止文件夾的重復(fù)打開
                                                                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
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容