Ext.define('ZYMLZiYuanModel', { extend: 'Ext.data.Model', fields:[ 'fileid','filename','filetype','filesize','serverurl' ], idProperty: 'fileid' }); var ZYMLZiYuanStore = new Ext.data.Store({ autoDestroy: true, pageSize: 10, model: 'ZYMLZiYuanModel', proxy: { type: 'ajax', url: '/res/resFiles/Getfiledata', reader: { root: 'list', totalProperty: 'Count' }, simpleSortMode: true }, remoteSort: true }); var formdata = {}; Ext.onReady(function () { Ext.state.Manager.setProvider(new Ext.state.CookieProvider()); Ext.tip.QuickTipManager.init(); Ext.Ajax.timeout = 900000; Ext.require([ 'Ext.ux.PagingToolbar' ]); Ext.create('Ext.grid.Panel', { id: 'gridexample', renderTo: 'grid', // width: 2400, layout: 'fit', autoScroll: true, //bodyStyle: 'width:100%', store: ZYMLZiYuanStore, stateful: false, stateId: 'ZYMLZiYuan-Grid', viewConfig: { forceFit: true, enableTextSelection: true //列表数据可复制 }, columns: [ { xtype: 'rownumberer', text: "序号", width: '4%', align: 'center' }, { text: "文件名称", dataIndex: 'filename', width: '20%', sortable: true, align: 'center', filter: { type: 'string' } }, { text: "文件类型", dataIndex: 'filetype', width: '13%', sortable: true, align: 'center' }, { text: "大小", dataIndex: 'filesize', width: '13%', sortable: true, align: 'center' }, { text: "服务地址", dataIndex: 'serverurl', width: '43%', sortable: true, align: 'center' }, { text: "操作", dataIndex: 'delete', width: '7%', sortable: true, align: 'center',filter:{type:'string'}, renderer: function (value, p, record) { var csId = record.getData()["fileid"]; return Ext.String.format( '', csId, value ); } } ], bbar: Ext.create('Ext.ux.PagingToolbar', { id: "Page", name: "Page", store: ZYMLZiYuanStore, displayInfo: true, firstText: "首页", prevText: "上一页", nextText: "下一页", lastText: "尾页", refreshText: '刷新', beforePageText: '第', afterPageText: '页,共 {0} 页', displayMsg: '显示 {0} - {1} 条,共 {2} 条', emptyMsg: "没有数据显示", items: [ { xtype: 'label', text: '' } ] }) }); ZYMLZiYuanStore.on('beforeload', function () { //GetSearchWhere("SearchForm"); //alter Xxx 20181212 formdata["resMainInfoId"] = document.getElementById("resMainInfoId").value; ZYMLZiYuanStore.proxy.extraParams = []; Ext.apply(ZYMLZiYuanStore.proxy.extraParams, formdata); }); ZYMLZiYuanStore.on('load', function (store, records, successful, eOpts) { var totalCount = store.totalCount; if (totalCount == "") totalCount = "0"; }); ZYMLZiYuanStore.load(); //添加resize监听防止切换tab或者收起左栏导致grid不自适应宽度 $(window).resize(function () { Ext.getCmp('gridexample').doLayout();//panel重新布局 }); }); //获取查询条件 // function GetSearchWhere(formId) { // var form = document.forms[formId]; // for (var i = 0; i < form.elements.length; i++) { // var strID = form.elements[i].id; // var value = form.elements[i].value; // if (form.elements[i].type == "checkbox") { // if (form.elements[i].checked == true) // value = "on"; // else // value = ""; // } // if (form.elements[i].type == "radio") { // if (form.elements[i].checked == true) { // strID = form.elements[i].name; // value = form.elements[i].value; // } // } // formdata[strID] = (value == "全部" || value == "None" ? "" : value + ""); // } // }