/********************************************
|
* 后台管理 - 符号库管理 *
|
*******************************************/
|
|
//定义Ext列表实体字段
|
Ext.define('ResModel', {
|
extend: 'Ext.data.Model',
|
fields: [
|
'objectid', 'fhid', 'mc', 'geotype'
|
],
|
idProperty: 'objectid'
|
});
|
|
//获取Ext列表数据
|
var ResStore = new Ext.data.Store({
|
autoDestroy: true,
|
pageSize: 10,
|
model: 'ResModel',
|
proxy: {
|
type: 'ajax',
|
url: '/res/common/symbolLibrary/getlist',
|
reader: {
|
root: 'topics',
|
totalProperty: 'totalCount'
|
},
|
simpleSortMode: true
|
},
|
remoteSort: true
|
});
|
|
//Ext加载后创建建列表
|
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',
|
// height: 420,
|
layout: 'fit',
|
autoScroll: false,
|
store: ResStore,
|
stateful: false,
|
stateId: 'ZYMLZiYuan-Grid',
|
viewConfig: {
|
forceFit: true,
|
enableTextSelection: true //列表数据可复制
|
},
|
columns: [
|
{ xtype: 'rownumberer', text: "序号", width: '5%', align: 'center' },
|
{ text: "编码", dataIndex: 'fhid', width: '25%', flex: 1, sortable: true, align: 'center', filter: {type: 'string'} },
|
{ text: "数据类型", dataIndex: 'mc', width: '30%', sortable: false, align: 'center', filter: {type: 'string'} },
|
{ text: "空间类型", dataIndex: 'geotype', width: '20%', sortable: true, align: 'center', filter: {type: 'string'} },
|
{ text: "操作", dataIndex: 'geotype', width: '20%', sortable: true, align: 'center', filter: {type: 'string'},
|
renderer: function (value, p, record) {
|
var objectid = record.getData()["objectid"];
|
return Ext.String.format(
|
'<a class="btn btn-primary ltblue" id="btnEdit" style="padding: 3px 6px; margin-right: 5px;" data-toggle="modal" href="" data-keyboard="false" data-backdrop="true" onclick="ShowSaveModal({0},2);">编辑</a>',
|
objectid
|
);
|
}
|
}
|
],
|
bbar: Ext.create('Ext.ux.PagingToolbar', {
|
id: "Page",
|
name: "Page",
|
store: ResStore,
|
displayInfo: true,
|
firstText: "首页",
|
prevText: "上一页",
|
nextText: "下一页",
|
lastText: "尾页",
|
refreshText: '刷新',
|
beforePageText: '第',
|
afterPageText: '页，共 {0} 页',
|
displayMsg: '显示 {0} - {1} 条，共 {2} 条',
|
emptyMsg: "没有数据显示",
|
items: [
|
{
|
xtype: 'label',
|
text: ''
|
}
|
]
|
})
|
});
|
ResStore.on('beforeload', function () {
|
GetSearchWhere("SearchForm");
|
ResStore.proxy.extraParams = [];
|
Ext.apply(ResStore.proxy.extraParams, formdata);
|
});
|
ResStore.on('load', function (store, records, successful, eOpts) {
|
var totalCount = store.totalCount;
|
if (totalCount == "") totalCount = "0";
|
});
|
ResStore.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 + "");
|
}
|
}
|
|
//显示符号编辑对话框
|
function ShowSaveModal(objectid) {
|
layer.open({
|
type: 2,
|
title: '符号编辑',
|
id: 'SymbolEdit',
|
shadeClose: true,
|
shade: false,
|
maxmin: false, //开启最大化最小化按钮
|
area: ['800px', '480px'],
|
content: 'edit?OBJECTID=' + objectid
|
});
|
}
|
|
//查询
|
function Search() {
|
Ext.getCmp('gridexample').dockedItems.items[1].store.currentPage = 1;
|
ResStore.load();
|
}
|
|
//清除
|
function Clear() {
|
document.getElementById("SearchForm").reset();
|
}
|
