Ext.namespace('Shipping'); Shipping.MsCodeRailwayFrPortIndex = function (config) { Ext.applyIf(this, config); this.initUIComponents(); window.Shipping.MsCodeRailwayFrPortIndex.superclass.constructor.call(this); }; Ext.extend(Shipping.MsCodeRailwayFrPortIndex, Ext.Panel, { OprationStatus: null, //仅当弹出界面时使用 SelectedRecord: null, initUIComponents: function () { //定义数据集 this.storeList = Ext.create('Ext.data.Store', { model: 'MsCodeRailwayFrPort', remoteSort: true, proxy: { type: 'ajax', url: '/MvcShipping/MsOpRailway/GetFrPortList', reader: { id: 'GID', root: 'data', totalProperty: 'totalCount' } } }); this.GridCheckBoxModel = Ext.create('Ext.selection.CheckboxModel'); //定义Grid this.gridList = new Ext.grid.GridPanel({ store: this.storeList, enableHdMenu: false, region: 'center', loadMask: { msg: "数据加载中,请稍等..." }, trackMouseOver: true, disableSelection: false, selModel: this.GridCheckBoxModel, columns: [{ sortable: true, dataIndex: 'GID', header: 'GID', hidden: true, width: 160 }, { sortable: true, dataIndex: 'PORTRNAME', header: '俄文站名', width: 120 }, { sortable: true, dataIndex: 'PORTCNAME', header: '中文名站名', width: 100 }, { sortable: true, dataIndex: 'PORTID', header: 'CODE', width: 60 }, { sortable: true, dataIndex: 'COUNTRYRNAME', header: '国家名俄文', width: 100 }, { sortable: true, dataIndex: 'COUNTRY', header: '国家代码', width: 100 }, { sortable: true, dataIndex: 'COUNTRYRCODE', header: '国家代码俄文', width: 100 }, { sortable: true, dataIndex: 'COUNTRYCODE', header: '国家铁路简称', width: 100 }, { sortable: true, dataIndex: 'PORTENAME', header: '英文站名', width: 120 }, { sortable: true, dataIndex: 'CITYENAME', header: '所属城市', width: 100 }, { sortable: true, dataIndex: 'COUNTRYENAME', header: '国家', width: 100 }, { sortable: true, dataIndex: 'ISOFTEN', header: '是否常用', width: 80, renderer: function (value, cellmeta) { if (value == true) { return "是"; } } }, { sortable: true, dataIndex: 'ADDR', header: '地址', width: 100 }, { sortable: true, dataIndex: 'RAILBUREAU', header: '所在局', width: 80 }, { sortable: true, dataIndex: 'WORKPOWER', header: '操作能力', width: 100 }, { sortable: true, dataIndex: 'REMARKS', header: '描述', width: 200 } ] }); this.gridList.addListener('itemdblclick', function (dataview, record, item, index, e, b) { this.SelectedRecord = record; this.OprationStatus = 'edit'; window.open('/MvcShipping/MsOpRailway/FrPortEdit', "CODEOPRAILWAYFRPORT", 'width=800,height=650,top=0,left=0,resizable=yes,status=yes,menubar=no,scrollbars=yes'); }, this); //#region formSearch //#region formSearch枚举参照相关 //#endregion _this = this; this.formSearch = Ext.widget('form', { frame: true, region: 'center', bodyPadding: 5, fieldDefaults: { margins: '2 2 2 2', labelAlign: 'right', flex: 1, labelWidth: 90, msgTarget: 'qtip' }, items: [ {//fieldset 1 xtype: 'container', defaultType: 'textfield', layout: 'anchor', defaults: { anchor: '100%' }, items: [{ xtype: 'container', layout: 'hbox', defaultType: 'textfield', items: [{ fieldLabel: '口岸代码', name: 'PORTID', enableKeyEvents: true, listeners: { specialkey: function (field, e) { if (e.getKey() == e.ENTER) { _this.onRefreshClick(); } } } }, { fieldLabel: '英文名', name: 'PORTENAME', enableKeyEvents: true, listeners: { specialkey: function (field, e) { if (e.getKey() == e.ENTER) { _this.onRefreshClick(); } } } }, { fieldLabel: '中文名', name: 'PORTCNAME', enableKeyEvents: true, listeners: { specialkey: function (field, e) { if (e.getKey() == e.ENTER) { _this.onRefreshClick(); } } } } ] } ]//end items(fieldset 1) }//end fieldset 1 ]//end root items }); //#endregion formSearch //查询工具条 this.panelBtn = new Ext.Panel({ region: "north", tbar: [ { text: "新建", iconCls: "btnadd", handler: function (button, event) { this.OprationStatus = 'add'; window.open('/MvcShipping/MsOpRailway/FrPortEdit', "CODEOPRAILWAYFRPORT", 'width=800,height=650,top=0,left=0,resizable=yes,status=yes,menubar=no,scrollbars=yes'); }, scope: this }, { text: "删除", iconCls: "btndelete", handler: function (button, event) { this.onDeleteClick(button, event); }, scope: this }, '-', { text: "执行查询", iconCls: "btnrefresh", handler: function (button, event) { this.onRefreshClick(button, event); }, scope: this }, { text: "重置条件", iconCls: "btnreset", handler: function (button, event) { }, scope: this }, '-', { text: 'EXCEL引入', tooltip: 'EXCEL引入', iconCls: "btnexportexcel", handler: function (button, event) { this.onImportDetailClick(button, event); }, scope: this }, '-', { text: "设为常用", iconCls: "btnrefresh", handler: function (button, event) { this.onUpOffenClick(button, event); }, scope: this } ] }); this.panelTop = new Ext.Panel({ layout: "border", region: "north", height: 80, items: [this.formSearch, this.panelBtn] }); Ext.apply(this, { items: [this.panelTop, this.gridList] }); this.storeList.on('beforeload', function (store) { var sql = this.getCondition(); Ext.apply(store.proxy.extraParams, { condition: sql, isall: true }); }, this); thisport = this; this.onRefreshClick(); }, //end initUIComponents onRefreshClick: function (button, event) { var sql = this.getCondition(); this.storeList.load({ params: { start: 0, limit: 500, sort: '', condition: sql, isall: true }, waitMsg: "正在查询数据...", scope: this }); }, onDeleteClick: function (button, event) { var selections = this.gridList.getSelectionModel().getSelection(); if (selections.length == 0) { Ext.Msg.show({ title: '提示', msg: '请先选择单据!', icon: Ext.Msg.INFO, buttons: Ext.Msg.OK }); return; } var record = selections[0]; var GID = record.data.GID; Ext.MessageBox.confirm('提示', '确定删除该记录吗?', function (btn) { if (btn == 'yes') { Ext.Msg.wait('正在删除数据...'); Ext.Ajax.request({ waitMsg: '正在删除数据...', url: '/MvcShipping/MsOpRailway/DeleteFrPort', params: { data: GID }, callback: function (options, success, response) { if (success) { var jsonresult = Ext.JSON.decode(response.responseText); if (jsonresult.Success) { this.storeList.remove(record); Ext.Msg.show({ title: '提示', msg: jsonresult.Message, icon: Ext.Msg.INFO, buttons: Ext.Msg.OK }); } else { Ext.Msg.show({ title: '错误', msg: jsonresult.Message, icon: Ext.Msg.ERROR, buttons: Ext.Msg.OK }); } } }, failure: function (response, options) { Ext.Msg.show({ title: '警告', msg: '服务器响应出错,请重试', icon: Ext.Msg.INFO, buttons: Ext.Msg.OK }); }, success: function (response, options) { }, scope: this }); //end Ext.Ajax.request } }, this); }, //onDeleteClick onImportDetailClick: function (button, event) { me = this; var imgform = new Ext.FormPanel({ region: 'center', labelWidth: 20, frame: true, autoScroll: false, border: false, fileUpload: true, items: [{ xtype: 'fileuploadfield', id: 'LoadExcel', name: 'LoadExcel', emptyText: '请选择EXCEL文件', fieldLabel: 'EXCEL', buttonText: '选择文件', allowBlank: false, width: 200, buttonCfg: { iconCls: 'uploaddialog' }, anchor: '98%' }], buttons: [{ text: '上传', type: 'submit', handler: function () { var UserFilePath = Ext.getCmp('LoadExcel').getValue(); if (!CheckFileExt(UserFilePath, /.xls|.xlsx/i)) { Ext.Msg.show({ title: '错误', msg: '请确认你上传的文件为EXCEL文件!', icon: Ext.Msg.INFO, buttons: Ext.Msg.OK }); return; } if (!imgform.form.isValid()) { return; } imgform.form.submit({ url: '/MvcShipping/MsOpRailway/ImportFrPort', waitMsg: '正在上传', method: 'POST', success: function (form, action) { win.close(this); Ext.Msg.show({ title: '提示', msg: '上传成功!', icon: Ext.Msg.INFO, buttons: Ext.Msg.OK }); me.onRefreshClick(); }, failure: function (form, action) { form.reset(); Ext.Msg.show({ title: '警告', msg: '服务器响应出错,请重试', icon: Ext.Msg.INFO, buttons: Ext.Msg.OK }); } }); } }, { text: '关闭', type: 'submit', handler: function () { win.close(this); } }] }); var win = new Ext.Window({ title: "上传EXCEL", width: 380, height: 120, modal: true, resizable: false, border: false, items: imgform }); win.show(); // var winAccess = new Shipping.FileImport({ // }); // winAccess.StoreList = this.storeList; // winAccess.ImportUrl = "/MvcShipping/MsOpBulk/ImportDetail"; // winAccess.BSNO = BSNO; // winAccess.show(); return; }, onUpOffenClick: function (button, event) { var GidStr = ''; var records = this.GridCheckBoxModel.selected.items; if (records.length == 0) { Ext.Msg.show({ title: '提示', msg: '请先选择要刷新的业务!', icon: Ext.Msg.INFO, buttons: Ext.Msg.OK }); return; } var bodyAddDatas = []; for (var i = 0; i < records.length; i++) { var rec = records[i]; bodyAddDatas.push(rec); } _this = this; if (bodyAddDatas.length == 0) { Ext.Msg.show({ title: '提示', msg: '没有要刷新的业务!', icon: Ext.Msg.INFO, buttons: Ext.Msg.OK }); return; } else { Ext.Msg.wait('正在刷新...'); var jsonbodyAddDatas = ConvertRecordsToJsonAll(bodyAddDatas); Ext.Ajax.request({ waitMsg: '正在刷新...', url: '/MvcShipping/MsOpRailway/UpFrPortOffen', params: { data: jsonbodyAddDatas }, callback: function (options, success, response) { if (success) { var result = Ext.JSON.decode(response.responseText); if (!result.Success) { Ext.Msg.show({ title: '提示', msg: result.Message, icon: Ext.MessageBox.ERROR, buttons: Ext.Msg.OK }); return; } else { Ext.Msg.show({ title: '提示', msg: result.Message, icon: Ext.Msg.INFO, buttons: Ext.Msg.OK }); _this.onRefreshClick(); } } else { Ext.MessageBox.alert('请求出现错误,请重试', response.responseText); } }, scope: this }); } }, //onDeleteClick getCondition: function () { var form = this.formSearch.getForm(); if (!form.isValid()) { Ext.Msg.alert('提示', '查询条件赋值错误,请检查。'); return ''; } var sql = ''; var PORTID = form.findField('PORTID').getValue(); sql = sql + getAndConSql(sql, PORTID, "PORTID like '%" + PORTID + "%'"); var PORTENAME = form.findField('PORTENAME').getValue(); sql = sql + getAndConSql(sql, PORTENAME, "PORTENAME like '%" + PORTENAME + "%'"); var PORTCNAME = form.findField('PORTCNAME').getValue(); sql = sql + getAndConSql(sql, PORTCNAME, "PORTCNAME like '%" + PORTCNAME + "%'"); return sql; }, OprationSwap: function () { var ret = new Array(); ret[0] = this.OprationStatus; ret[1] = this.storeList; ret[2] = this.SelectedRecord; return ret; } });