BlogJava-JAVA工具-随笔分类-EXT-GRID

Ext grid 实例|例子和显示数据

王豪 — Fri, 10 Aug 2012 07:00:00 GMT

    var record_store = new Ext.data.Store({
        proxy: new Ext.data.HttpProxy(
            {
                url: "/aa.ashx",
                method: "POST"
            }),
        reader: new Ext.data.JsonReader(
            {
                fields: [
                        "ENTPID",
                        "UserName",
                        "PostName",
                        "Mobile",
                        "OfficePhone",
                        "HomePhone",
                        "Email"
                        ]

                  })
    });

王豪 2012-08-10 15:00 发表评论

ext grid 获取选择项

王豪 — Fri, 15 Jul 2011 03:00:00 GMT

var row = Ext.getCmp("ucKBSidebar").getSelectionModel().getSelections();
获取选择的ID
for（var i=0;i{
row[i].data.[ID(为你返回值的字段值可以选择)];
}

王豪 2011-07-15 11:00 发表评论

Ext grid 模板

王豪 — Tue, 05 Jul 2011 03:20:00 GMT

]);
            function Funurl(value, p, record) {
                return "" + value + "";
            }
            var MemberGrid = new Ext.grid.GridPanel({
                // title: "公司列表",
                frame: true,
                id: "MemberGrid",
                store: MemberStore,
                sm: sm,
                cm: cm,
                clicksToEdit: 1,
                autoHeight: true,
                tbar: [
                { xtype: "button", text: "新建", handler: function() { win.show(); } },
                { xtype: "label", html: "|" },
                { xtype: "button", text: "刷新", handler: function() {
                    MemberStore.load({ params: { action: 'Company' },
                        callback: function() { }
                    });
                }
                }

                ],

        bbar: new Ext.PagingToolbar({
            store: MemberStore,
            pageSize: pageSize,
            //显示右下角信息
            displayInfo: true,
            displayMsg: '当前记录 {0} -- {1} 条共 {2} 条记录',
            emptyMsg: "No results to display",
            prevText: "上一页",
            nextText: "下一页",
            refreshText: "刷新",
            lastText: "最后页",
            firstText: "第一页",
            beforePageText: "当前页",
            afterPageText: "共{0}页",
            doLoad: function(start) {
            // this.store.load({ params: { start: start, limit: this.pageSize, sid: ids, level: nodelevel} }); //载入

// MemberStore.load({ params: { action: 'GetADMBasicInfo', start: start, limit: pageSize, Type: 8, companyId: units, subCompanyId: corps, departmentId: depts, sectionId: sects, groupId: group, tel: usetel, name: usname, uid: userid} });
}

}),

                viewConfig: {
                    layout: function() {
                        if (!this.mainBody) {
                            return; // not rendered
                        }
                        var g = this.grid;
                        var c = g.getGridEl();
                        var csize = c.getSize(true);
                        var vw = csize.width;
                        if (!g.hideHeaders && (vw < 20 || csize.height < 20)) { // display:
                            // none?
                            return;
                        }
                        if (g.autoHeight) {
                            if (this.innerHd) {
                                this.innerHd.style.width = (vw) + 'px';
                            }
                        } else {
                            this.el.setSize(csize.width, csize.height);
                            var hdHeight = this.mainHd.getHeight();
                            var vh = csize.height - (hdHeight);
                            this.scroller.setSize(vw, vh);
                            if (this.innerHd) {
                                this.innerHd.style.width = (vw) + 'px';
                            }
                        }
                        if (this.forceFit) {
                            if (this.lastViewWidth != vw) {
                                this.fitColumns(false, false);
                                this.lastViewWidth = vw;
                            }
                        } else {
                            this.autoExpand();
                            this.syncHeaderScroll();
                        }
                        this.onLayout(vw, vh);
                    }
                }
            });

王豪 2011-07-05 11:20 发表评论

Ext Grid 分页设置代码

王豪 — Fri, 01 Jul 2011 03:38:00 GMT

bbar: new Ext.PagingToolbar({
            store: ServiceListDs,
            pageSize: pageSize,
            //显示右下角信息
            displayInfo: true,
            displayMsg: '当前记录 {0} -- {1} 条共 {2} 条记录',
            emptyMsg: "No results to display",
            prevText: "上一页",
            nextText: "下一页",
            refreshText: "刷新",
            lastText: "最后页",
            firstText: "第一页",
            beforePageText: "当前页",
            afterPageText: "共{0}页",
            doLoad: function(start) {
                this.store.load({ params: { start: start, limit: this.pageSize, sid: ids, level: nodelevel} }); //载入
            }

}),

王豪 2011-07-01 11:38 发表评论

ext 读取后台数据例子

王豪 — Thu, 30 Jun 2011 02:28:00 GMT

]);
这个是grid的列表字段和显示方式
            function Funurl(value, p, record) {
                return "" + value + "";
            }
//这个是grid设置
            var MemberGrid = new Ext.grid.GridPanel({
                renderTo: Ext.getBody(),
                title: "公司列表",
                frame: true,
                id: "MemberGrid",
                store: MemberStore,
                sm: sm,
                cm: cm,
                clicksToEdit: 1,
                autoHeight: true,
                tbar: [
                { xtype: "button", text: "新建", handler: function() { win.show(); } },
                { xtype: "label", html: "|" },
                { xtype: "button", text: "刷新", handler: function() { } }

                ],
                viewConfig: {
                    layout: function() {
                        if (!this.mainBody) {
                            return; // not rendered
                        }
                        var g = this.grid;
                        var c = g.getGridEl();
                        var csize = c.getSize(true);
                        var vw = csize.width;
                        if (!g.hideHeaders && (vw < 20 || csize.height < 20)) { // display:
                            // none?
                            return;
                        }
                        if (g.autoHeight) {
                            if (this.innerHd) {
                                this.innerHd.style.width = (vw) + 'px';
                            }
                        } else {
                            this.el.setSize(csize.width, csize.height);
                            var hdHeight = this.mainHd.getHeight();
                            var vh = csize.height - (hdHeight);
                            this.scroller.setSize(vw, vh);
                            if (this.innerHd) {
                                this.innerHd.style.width = (vw) + 'px';
                            }
                        }
                        if (this.forceFit) {
                            if (this.lastViewWidth != vw) {
                                this.fitColumns(false, false);
                                this.lastViewWidth = vw;
                            }
                        } else {
                            this.autoExpand();
                            this.syncHeaderScroll();
                        }
                        this.onLayout(vw, vh);
                    }
                }
            });

王豪 2011-06-30 10:28 发表评论

EXT grid 自动增长列

王豪 — Thu, 23 Jun 2011 02:05:00 GMT

new Ext.grid.ColumnModel([new Ext.grid.RowNumberer()])
EXT grid 自动增长列
序号列

王豪 2011-06-23 10:05 发表评论

EXT GRID Render渲染方法函数

王豪 — Wed, 22 Jun 2011 05:02:00 GMT

    function doAction(value, p, record) {
        if (record.data.Status == "1") {
        }
        else {
            return "办理";
        }

}

王豪 2011-06-22 13:02 发表评论

Ext Grid自动扩展宽度代码

王豪 — Thu, 09 Jun 2011 07:01:00 GMT

        viewConfig: { sortAscText: '正序排列',
            sortDescText: '倒序排列',
            columnsText: '列显示/隐藏',
            groupByText: '根据本列分组',
            showGroupsText: '是否采用分组显示',
            layout: function() {
                if (!this.mainBody) {
                    return; // not rendered
                }
                var g = this.grid;
                var c = g.getGridEl();
                var csize = c.getSize(true);
                var vw = csize.width;
                if (!g.hideHeaders && (vw < 20 || csize.height < 20)) { // display:
                    // none?
                    return;
                }
                if (g.autoHeight) {
                    if (this.innerHd) {
                        this.innerHd.style.width = (vw) + 'px';
                    }
                } else {
                    this.el.setSize(csize.width, csize.height);
                    var hdHeight = this.mainHd.getHeight();
                    var vh = csize.height - (hdHeight);
                    this.scroller.setSize(vw, vh);
                    if (this.innerHd) {
                        this.innerHd.style.width = (vw) + 'px';
                    }
                }
                if (this.forceFit) {
                    if (this.lastViewWidth != vw) {
                        this.fitColumns(false, false);
                        this.lastViewWidth = vw;
                    }
                } else {
                    this.autoExpand();
                    this.syncHeaderScroll();
                }
                this.onLayout(vw, vh);
            }
        }

王豪 2011-06-09 15:01 发表评论