ext的grid 获取页面内容方式

Ext.onReady(function() {
            var url = "jasonGrid.aspx?Param=select&obj=ActiveCourseList";
            //字段列
            var fields =
            [
               { name: 'title' },
               { name: 'subject' },
               { name: 'context' },
               { name: 'restype' },
               { name: 'tename' },
               { name: 'teschool' },
               { name: 'pubtime' },
               { name: 'discusnum' },
               { name: 'clicknum' },
               { name: 'oper' },
               { name: 'resid' }
            ];

            //绑定数据源
            var store = new Ext.data.Store
            ({
                remoteSort: true,
                proxy: new Ext.data.HttpProxy({ url: url }),
                reader: new Ext.data.JsonReader({ totalProperty: "totalPorperty", root: "root", fields: fields })
            });

            store.on('beforeload', function() {  
               this.baseParams["txtkeyword"] = Ext.get("txtkeyword").dom.value;
               this.baseParams["ddlgradeTxt"] = Ext.get("ddlgradeTxt").dom.value;
               this.baseParams["ddlsubjectTxt"] = Ext.get("ddlsubjectTxt").dom.value;
               this.baseParams["ddlusertypeTxt"] = Ext.get("ddlusertypeTxt").dom.value;
               this.baseParams["ddlformatVal"] = Ext.get("ddlformatVal").dom.value;
               this.baseParams["ddlrestypeVal"] = Ext.get("ddlrestypeVal").dom.value;
               this.baseParams["txtsize"] = Ext.get("txtsize").dom.value;
               this.baseParams["txttecfirstname"] = Ext.get("txttecfirstname").dom.value;
               this.baseParams["txtteclastname"] = Ext.get("txtteclastname").dom.value;
               this.baseParams["txttecunit"] = Ext.get("txttecunit").dom.value;
               this.baseParams["ddltecsubjectTxt"] = Ext.get("ddltecsubjectTxt").dom.value;
               this.baseParams["txtupfirstname"] = Ext.get("txtupfirstname").dom.value;
               this.baseParams["txtuplastname"] = Ext.get("txtuplastname").dom.value;
               this.baseParams["txtupunit"] = Ext.get("txtupunit").dom.value;
               this.baseParams["ddlupsubjectTxt"] = Ext.get("ddlupsubjectTxt").dom.value;
               this.baseParams["hdresid"] = Ext.get("hdresid").dom.value;
               this.baseParams["hdkeyid"] = Ext.get("hdkeyid").dom.value;
               this.baseParams["hdknowlegeid"] = Ext.get("hdknowlegeid").dom.value;
               this.baseParams["IsOld"] = Ext.get("IsOld").dom.value;
               this.baseParams["hd"] = Ext.get("hd").dom.value;

            }); 
            //分页
            var pagingBar = new Ext.PagingToolbar
            ({
                displayInfo: true, emptyMsg: "没有数据显示", displayMsg: "显示从{0}条数据到{1}条数据,共{2}条数据",
                store: store,
                pageSize: 25
            });


            // 编辑列
            function editor(val) {
                return '<a href=\"###\" onclick=viewresource(\"' + val + '\")>查看</a><a href=\"###\" onclick=downresource(\"' + val + '\")>下载</a><a href=\"###\" onclick=recresource(\"' + val + '\")>推荐</a><a href=\"###\" onclick=shcangresource(\"' + val + '\")>收藏</a><a href=\"###\" onclick=auditresource(\"' + val + '\")>审核</a>';
            }
            // 编辑列
            function checktitle(val) {
                if (val.indexOf("样本") > 0)
                    return '<span style="color:red;">' + val + '</span>';
                else
                    return val;
            }
            // 编辑列
            function setimg(val) {
                var defaulturl = "/pageimage/icon_files_mp3.png";
                if (val == "视频课例")
                    defaulturl = "/pageimage/icon/spkl1.gif";
                else if (val == "专题研讨")
                    defaulturl = "/pageimage/icon/ztyt1.gif";
                else if (val == "教育片段")
                    defaulturl = "/pageimage/icon/jypd1.gif";
                else if (val == "课例字幕")
                    defaulturl = "/pageimage/icon/klzm1.gif";
                else if (val == "课例视频")
                    defaulturl = "/pageimage/icon/klsp1.gif";
                else if (val == "师生电脑作品")
                    defaulturl = "/pageimage/icon/dnzp1.gif";
                else if (val == "媒体素材")
                    defaulturl = "/pageimage/icon/mtsc1..gif";
                else if (val == "课件")
                    defaulturl = "/pageimage/icon/kejian1.gif";
                else if (val == "教案")
                    defaulturl = "/pageimage/icon/jiaoan1.gif";
                else if (val == "试题")
                    defaulturl = "/pageimage/icon/shiti1.gif";
                   
                return "<img src='" + defaulturl + "' border='0'>";
            }
            //加载数据
            store.load({ params: { start: 0, limit: 25} });

            // 创建grid对象
            var grid = new Ext.grid.GridPanel({
                store: store,
                columns: [
                            { header: "  ", width: 20, sortable: false, renderer: setimg, dataIndex: 'restype' },
                            { id: 'title', header: "标题", width: 250, sortable: true, dataIndex: 'title' },
                            { header: "学科", width: 50, sortable: true, dataIndex: 'subject' },
                            { header: "年级", width: 50, sortable: true, dataIndex: 'context' },
                            { header: "类型", width: 50, sortable: true, dataIndex: 'restype' },
                            { header: "执教者", width: 100, sortable: true, dataIndex: 'tename' },
                            { header: "执教者学校", width: 200, sortable: true, dataIndex: 'teschool' },
                            { header: "发布时间", width: 100, sortable: true, dataIndex: 'pubtime' },
                            { header: "点评次数", width: 50, sortable: true, dataIndex: 'discusnum' },
                            { header: "浏览次数", width: 50, sortable: true, dataIndex: 'clicknum' },
                            { header: "操作", width: 120, sortable: false, dataIndex: 'oper' }
                       ],
                stripeRows: true,
                autoExpandColumn: '标题',
                height: 500,
                width: 1000,
                viewConfig: {
                    forceFit: true

                },
                title: '搜索结果列表',
                bbar: pagingBar

            });
           
           
           
            grid.render('resourcetable');

        });
        function newwindow(val) {
            var url = "/active/CourseInfo.aspx?code="
            window.open(url + val)
        }   

posted @ 2010-01-20 08:47  neverlost  Views(1959)  Comments(0Edit  收藏  举报