Ext.define('ZYMLZiYuanModel', { extend: 'Ext.data.Model', /**fields: [ 'ZIYUANID', 'ZIYUANMC', 'SUOSHUZIYUANMULU', 'ZIYUANLEIXING', 'FABUDANWEI', 'FABUDANWEIREN', 'FABUSHIJIANDATE', 'ZHUXIAOSHIJIANDATE', 'CHECK' ],*/ fields:[ 'resourceid','appid','title','resourceclass', 'shenqingdate', 'pubunitid','shenqingstatus' ], idProperty: 'appid' }); var ZYMLZiYuanStore = new Ext.data.Store({ autoDestroy: true, pageSize: 25, model: 'ZYMLZiYuanModel', proxy: { type: 'ajax', url: '/res/ditufuwu/getWoDeSQZiYuan', 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', // height: 803, // width: 2400, layout: 'fit', autoScroll: false, //bodyStyle: 'width:100%', store: ZYMLZiYuanStore, stateful: false, stateId: 'ZYMLZiYuan-Grid', viewConfig: { forceFit: true, enableTextSelection: true //列表数据可复制 }, columns: [ { xtype: 'rownumberer', text: "序号", width: '5%', align: 'center' }, { text: "资源名称", dataIndex: 'title', width: '19%', flex: 1, sortable: false, align: 'left', filter: { type: 'string' }, renderer: function (value, p, record) { var ziYuanId = record.getData()["resourceid"]; var tit = htmlEncodeByRegExp(value); return Ext.String.format( '{2}', ziYuanId, value, tit ); } }, { text: "资源类型", dataIndex: 'resourceclass', width: '19%', sortable: false, align: 'center', filter: { type: 'string' }, renderer: function (value, p, record) { // var Type = record.getData()["resourceclass"]; var color = ""; if (value == "基础底图" || value == "三维影像") { color = "label-success"; } else if (value == "业务图层") { color = "label-danger"; } else if (value == "空间分析") { color = "label-warning"; } else if (value == "专题地图" || value == "三维地形") { color = "label-pink"; } else if (value == "专题应用程序") { color = "label-default"; } else if (value == "业务集成") { color = "label-info"; } else if (value == "文档数据") { color = "label-primary"; } else if (value == "接口服务") { color = "label-danger"; } else if (value == "数据库表") { color = "label-primary"; } else if (value == "数据文件") { color = "label-default"; } else if (value == "三维模型") { color = "label-primary"; } return Ext.String.format( '{1}', color, value ); } }, { text: "发布单位", dataIndex: 'pubunitid', width: '19%', sortable: false, align: 'center', filter: { type: 'string' }}, { text: "申请时间", dataIndex: 'shenqingdate', width: '19%', sortable: false, filter: { type: 'string' }, align: 'center' }, { text: "批复状态", dataIndex: 'shenqingstatus', width: '19%', sortable: false, filter: { type: 'string' }, align: 'center', renderer: function (value, p, record) { var tupianlujin=""; if(value=="未批复"){ tupianlujin="/image/wpf.png"; } if(value=="未通过"){ tupianlujin="/image/wtg.png"; } if(value=="已通过"){ tupianlujin="/image/ytg.png"; } return Ext.String.format( '',tupianlujin ); }} ], 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"); 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(); Search(); //添加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; if(strID=="thisYear"){ break; } 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 + ""); } if(formdata.resourceclass == "") { formdata.resourceclass = "KJ_"; } } //加载统计图 function LoadChart() { GetSearchWhere("SearchFormChar"); Ext.Ajax.request({ url: '../../XMGL/XMGL/XMGLTongJi', params: eval(formdata), success: function (response) { if (response.responseText != "") { var mychart = new FusionCharts({ type: 'mscolumn3d', renderAt: 'chartContainer1', width: '100%', height: '400', dataFormat: 'json', dataSource: response.responseText }); mychart.render(); } } }); } //导出 function Export() { GetSearchWhere("SearchForm"); Ext.MessageBox.wait("正在进行导出,请稍后...", "操作提示", { interval: 100 }); formdata.PageSize = ZYMLZiYuanStore.pageSize; formdata.PageIndex = ZYMLZiYuanStore.currentPage; Ext.Ajax.request({ url: '/res/resApplyRecommend/ShenQingZiYuanexcel', params: eval(formdata), success: function (response) { Ext.MessageBox.hide(); //加载 window.open(response.responseText); } }); } //页面初始化 $(function(){ $(".date-picker").datepicker({format: 'yyyy-mm-dd', language: 'zh-CN'}); //初始化时间控件 $("select option").each(function () { //遍历所有option var txt = $(this).val().substring(0, 3); //获取option值 var isKJ = $(this).text(); if (txt == "KJ_") { if (isKJ != "空间服务") { $(this).html("-- " + isKJ); }; }; }); });