Ext.define('ZYMLZiYuanModel', {
extend: 'Ext.data.Model',
fields:[
'resourceid','title'
],
idProperty: 'resourceid'
});
var ShuJuYuan = new Ext.data.Store({
autoDestroy: true,
pageSize: 10,
model: 'ZYMLZiYuanModel',
proxy: {
type: 'ajax',
url: '/res/resExtBaseMap/selectByBaseMapType',
reader: {
root: 'topics',
totalProperty: 'totalCount'
},
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,
// height: 380,
layout: 'fit',
autoScroll: false,
//bodyStyle: 'width:100%',
store: ShuJuYuan,
stateful: false,
stateId: 'ZYMLZiYuan-Grid',
viewConfig: {
forceFit: true,
enableTextSelection: true //列表数据可复制
},
columns: [
{text: "选择项", dataIndex: 'resourceid', width: '5%', flex: 1, sortable: false, align: 'center', filter: { type: 'string' },
renderer: function (value, p, record) {
var resourceid = record.getData()["resourceid"];
var name = record.getData()["title"];
return Ext.String.format(
'',
resourceid, name
);
}
},
{
text: "资源名称", dataIndex: 'title', width: '30%', flex: 1, sortable: true, align: 'left', filter: { type: 'string' },
renderer: function (value, p, record) {
var ziYuanId = record.getData()["resourceid"];
return Ext.String.format(
'{1}',
ziYuanId, value
);
}
}
],
bbar: Ext.create('Ext.ux.PagingToolbar', {
id: "Page",
name: "Page",
store: ShuJuYuan,
displayInfo: true,
firstText: "首页",
prevText: "上一页",
nextText: "下一页",
lastText: "尾页",
refreshText: '刷新',
beforePageText: '第',
afterPageText: '页,共 {0} 页',
displayMsg: '显示 {0} - {1} 条,共 {2} 条',
emptyMsg: "没有数据显示",
items: [
{
xtype: 'label',
text: ''
}
]
})
});
ShuJuYuan.on('beforeload', function () {
GetSearchWhere("SearchForm");
ShuJuYuan.proxy.extraParams = [];
Ext.apply(ShuJuYuan.proxy.extraParams, formdata);
});
ShuJuYuan.on('load', function (store, records, successful, eOpts) {
var totalCount = store.totalCount;
if (totalCount == "") totalCount = "0";
// document.getElementById("ZiYuanCount").innerHTML = totalCount;
});
ShuJuYuan.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 + "");
}
}