Ext.define('ZYMLZiYuanModel', {
|
extend: 'Ext.data.Model',
|
fields:[
|
'themeid','title','addtime','isdefault','isonemap','adduserid'
|
],
|
idProperty: 'resourceid'
|
});
|
|
var ThemeStore = new Ext.data.Store({
|
autoDestroy: true,
|
pageSize: 10,
|
model: 'ZYMLZiYuanModel',
|
proxy: {
|
type: 'ajax',
|
url: '/res/ResTheme/selectResTheme',
|
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: 420,
|
layout: 'fit',
|
autoScroll: false,
|
//bodyStyle: 'width:100%',
|
store: ThemeStore,
|
stateful: false,
|
stateId: 'ZYMLZiYuan-Grid',
|
viewConfig: {
|
forceFit: true,
|
enableTextSelection: true //列表数据可复制
|
},
|
columns: [
|
{ xtype: 'rownumberer', text: "序号", width: '5%', align: 'center' },
|
{text: "专题名称", dataIndex: 'title', width: '40%', flex: 1, sortable: true, align: 'center', filter: { type: 'string' },
|
renderer: function (value, p, record) {
|
var themeid = record.getData()["themeid"];
|
return Ext.String.format(
|
'<span style="text-decoration : underline;cursor:pointer;" title="{1}" onclick="openResTheme(\'{0}\')" >{1}</span>',
|
themeid, value
|
);
|
// var themeid = record.getData()["themeid"];
|
// var isdefault = record.getData()["isdefault"];
|
// var isonemap = record.getData()["isonemap"];
|
// var html = "<img src=\"/image/map.png\" title='一张图模块显示' style=\"margin-left: 10px;vertical-align: text-bottom;\">";
|
// if(isdefault ==1) {
|
// if(isonemap == 1) {
|
// return Ext.String.format(
|
// '<span style="text-decoration : underline;cursor:pointer;" title="{1}" onclick="openResTheme(\'{0}\')" >{1}<img src="/image/ytg.png" title="默认模块显示" style="margin-left: 10px;vertical-align: text-bottom;">'+html+'</span>',
|
// themeid, value
|
// );
|
// }
|
// else {
|
// return Ext.String.format(
|
// '<span style="text-decoration : underline;cursor:pointer;" title="{1}" onclick="openResTheme(\'{0}\')" >{1}<img src="/image/ytg.png" title="默认模块显示" style="margin-left: 10px;vertical-align: text-bottom;"></span>',
|
// themeid, value
|
// );
|
// }
|
// }
|
// else {
|
// if(isonemap == 1) {
|
// return Ext.String.format(
|
// '<span style="text-decoration : underline;cursor:pointer;" title="{1}" onclick="openResTheme(\'{0}\')" >{1}'+html+'</span>',
|
// themeid, value
|
// );
|
// }
|
// else {
|
// return Ext.String.format(
|
// '<span style="text-decoration : underline;cursor:pointer;" title="{1}" onclick="openResTheme(\'{0}\')" >{1}</span>',
|
// themeid, value
|
// );
|
// }
|
// }
|
}
|
},
|
{text: "所属模块", dataIndex: "", width: '25%', sortable: true, align: 'center', filter: { type: 'string' },
|
renderer: function (value, p, record) {
|
var isdefault = record.getData()["isdefault"];
|
var isonemap = record.getData()["isonemap"];
|
var yzt = "<span style='display: inline-block;background-color: #00acf3;width:77px;line-height: 21px;margin: 0 2px;color:white;border-radius: 5px;'>一张图模块</span>";
|
var mr = "<span style='display: inline-block;background-color: #7cc750;width:63px;line-height: 21px;margin: 0 2px;color:white;border-radius: 5px;'>默认模块</span>";
|
var mrnull = "<span style='display: inline-block;width:63px;margin: 0 2px;'></span>";
|
var yztnull = "<span style='display: inline-block;width:77px;margin: 0 2px;'></span>";
|
if(isdefault ==1) {
|
if(isonemap == 1) {
|
return Ext.String.format(
|
mr+yzt
|
);
|
}
|
else {
|
return Ext.String.format(
|
mr+yztnull
|
);
|
}
|
}
|
else {
|
if(isonemap == 1) {
|
return Ext.String.format(
|
mrnull+yzt
|
);
|
}
|
else {
|
return Ext.String.format(
|
''
|
);
|
}
|
}
|
}
|
},
|
{ text: "发布人", dataIndex: 'adduserid', width: '15%', sortable: true, align: 'center', filter: { type: 'string' } },
|
{ text: "创建时间", dataIndex: 'addtime', width: '15%', sortable: true, align: 'center', filter: { type: 'string' } }
|
],
|
bbar: Ext.create('Ext.ux.PagingToolbar', {
|
id: "Page",
|
name: "Page",
|
store: ThemeStore,
|
displayInfo: true,
|
firstText: "首页",
|
prevText: "上一页",
|
nextText: "下一页",
|
lastText: "尾页",
|
refreshText: '刷新',
|
beforePageText: '第',
|
afterPageText: '页，共 {0} 页',
|
displayMsg: '显示 {0} - {1} 条，共 {2} 条',
|
emptyMsg: "没有数据显示",
|
items: [
|
{
|
xtype: 'label',
|
text: ''
|
}
|
]
|
})
|
});
|
|
ThemeStore.on('beforeload', function () {
|
GetSearchWhere("SearchForm");
|
ThemeStore.proxy.extraParams = [];
|
Ext.apply(ThemeStore.proxy.extraParams, formdata);
|
});
|
ThemeStore.on('load', function (store, records, successful, eOpts) {
|
var totalCount = store.totalCount;
|
if (totalCount == "") totalCount = "0";
|
// document.getElementById("ZiYuanCount").innerHTML = totalCount;
|
});
|
ThemeStore.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 + "");
|
}
|
}
|
