Easyui DataGrid Editor
2024-05-13 16:47:19
与下拉框执行顺序, 1. onClickRow 2. Combobox onSuccess 3. Combobox onBeforLoad 4. Combobox onSuccess 5. 继续执行onClickRow方法
1 function loadDropdown(){
2 $.ETDropDown.combobox('#add_Shipment_id', { url: ddUrl+'?method=GetShipmentNumberDD&i_e_flag=I',
3 mode: 'remote',
4 valueField: 'SHIPMENT_ID',
5 textField: 'SHIPMENT_ID',
6 onSelect:function(record){
7 loadImportTable(record.SHIPMENT_ID);
8 }
9 });
10 setTimeout(function(){
11 $.ETDropDown.combobox('#ex_Shipment_Id', { url: ddUrl+'?method=GetShipmentNumberDD&i_e_flag=E',
12 mode: 'remote',
13 valueField: 'SHIPMENT_ID',
14 textField: 'SHIPMENT_ID',
15 onSelect:function(record){
16 loadExportTable(record.SHIPMENT_ID);
17 }
18 });
19 },180);
20
21 $.ajaxSyn(ddUrl+"?method=GetRewardSchemaDD",'',function(val){
22 if($.Message.validateRtnValue(val))
23 {
24 if(val)
25 sRewardSchemaData = JSON.parse(val);
26 }
27 });
28 }
29
30 function buildImportTbl(){
31 var AAComboOptions = {
32 valueField:'AA_ID',
33 textField:'LICENCE_NUMBER',
34 url:ddUrl+'?method=GetAADD',
35 onBeforeLoad: function(param){
36 var oRecord = importTblObj.datagrid('getSelected');
37 if(oRecord){
38 param.PART_NUMBER = oRecord.PART_NUMBER;
39 }
40 }
41 }
42
43 var EPCGComboOptions = {
44 valueField:'EPCG_ID',
45 textField:'AUTHORIZATION_NUMBER',
46 url:ddUrl+'?method=GetEPCGDD',
47 onBeforeLoad: function(param){
48 var oRecord = importTblObj.datagrid('getSelected');
49 if(oRecord){
50 param.PART_NUMBER = oRecord.PART_NUMBER;
51 }
52 }
53 }
54
55 importTblObj = $('#tbl_I_Port').datagrid({
56 title: 'Import',
57 width: 1020,
58 height: 425,
59 singleSelect: true ,
60 nowrap: false,
61 collapsible: true,
62 striped: true,
63 border: false,
64 pageNumber: 1,
65 pageSize: 10,
66 pageList: [10, 15, 20],
67 columns: [[
68 { field: 'ck',checkbox: true },
69 {field: 'INVOICE_NUMBER',title: 'Invoice',width: 100,align: 'left'},
70 {field: 'PART_NUMBER',title: 'Part #',width: 100,align: 'left'},
71 {field: 'DESCRIPTION_EN',title: 'Description',width: 150,align: 'left'},
72 {field: 'QUANTITY',title: 'Invoice Qty',width: 80,align: 'right'},
73 {field: 'QTY',title: 'Declaration Qty',width: 100,align: 'right',editor:'numberbox'},
74 {field: 'UNIT_OF_MEASURE',title: 'UOM',width: 60,align: 'left'},
75 {field: 'SUGGEST_AA',title: 'Suggest A/A',width: 90,align: 'left'},
76 {field: 'AA',title: 'A/A',width: 100,align: 'left',editor:{type:'combobox',options:AAComboOptions}},
77 {field: 'EPCG',title: 'EPCG',width: 100,align: 'left',editor:{type:'combobox',options:EPCGComboOptions}},
78 {field: 'AVAILABLE_QTY',title: 'Available Qty',width: 90,align: 'right'},
79 {field: 'REWARD',title: 'Reward Schema',width: 120,align: 'right',editor:{type:'combobox',options:{valueField:'REWARD_SCHEMA_NUMBER',textField:'REWARD_SCHEMA_NUMBER',data:sRewardSchemaData}}}
80 ]],
81 pagination: true,
82 onLoadError: function (err) { $.Message.validateRtnValue(err.responseText) },
83 toolbar: '#tb1',
84 onClickRow: onClickRow
85 });
86 }
87
88 //查询
89 function loadImportTable(key) {
90 var url = sAjaxUrl + '?method=GetShipmentInvoiceTableData';
91 var fnSuccess = function(val){
92 if($.Message.validateRtnValue(val)){
93 var dataObj = JSON.parse(val);
94 importTblObj.datagrid('loadData',dataObj);
95 }
96 }
97
98 $.ajaxAsyn(url, {SHIPMENT_ID:key}, fnSuccess);
99 }
100 function loadExportTable(key) {
101 var url = sAjaxUrl + '?method=GetShipmentInvoiceTableData';
102 var fnSuccess = function(val){
103 if($.Message.validateRtnValue(val)){
104 var dataObj = JSON.parse(val);
105 exportTblObj.datagrid('loadData',dataObj);
106 }
107 }
108
109 $.ajaxAsyn(url, {SHIPMENT_ID:key}, fnSuccess);
110 }
111
112 function buildExportTbl(key){
113 exportTblObj = $('#tbl_E_Port').datagrid({
114 title: 'Export',
115 width: 1020,
116 height: 415,
117 singleSelect: true ,
118 nowrap: false,
119 collapsible: true,
120 striped: true,
121 border: false,
122 pageNumber: 1,
123 pageSize: 10,
124 pageList: [10, 15, 20],
125 url:sAjaxUrl + '?method=GetShipmentInvoiceTableData&shipment_id='+key,
126 columns: [[
127 { field: 'ck',checkbox: true },
128 {field: 'INVOICE_NUMBER',title: 'Invoice',width: 100,align: 'left'},
129 {field: 'PART_NUMBER',title: 'Part #',width: 100,align: 'left'},
130 {field: 'DESCRIPTION_EN',title: 'Description',width: 150,align: 'left'},
131 {field: 'QUANTITY',title: 'Invoice Qty',width: 80,align: 'right'},
132 {field: 'QTY',title: 'Declaration Qty',width: 120,align: 'right',editor:'numberbox'},
133 {field: 'UNIT_OF_MEASURE',title: 'UOM',width: 80,align: 'left'},
134 {field: 'SUGGEST_AA',title: 'Suggest A/A',width: 100,align: 'left'},
135 {field: 'AA',title: 'A/A',width: 100,align: 'left',editor:'combobox'},
136 {field: 'EPCG',title: 'EPCG',width: 100,align: 'left',editor:'combobox'},
137 {field: 'AVAILABLE_QTY',title: 'Available Qty',width: 120,align: 'right'},
138 {field: 'REWARD',title: 'Reward Schema',width: 130,align: 'right',editor:'combobox'}
139 ]],
140 pagination: true,
141 onLoadError: function (err) { $.Message.validateRtnValue(err.responseText) },
142 toolbar: '#tb2'
143 });
144 }
145
146 function generateBillOfEntry(){
147
148 }
149
150 function generateShippingBill(){
151
152 }
153
154 function deleteBOERow(){
155
156 }
157
158 function deleteSBRow(){
159
160 }
161
162
163 //Start Editing Tables Script
164 var editIndex = undefined;
165 function endEditing() {
166 if (editIndex == undefined) { return true;
167 }
168 if (importTblObj.datagrid('validateRow', editIndex)) {
169
170 importTblObj.datagrid('endEdit', editIndex);
171 editIndex = undefined;
172 return true;
173 } else {
174 return false;
175 }
176 }
177 function onClickRow(index) {
178 if (editIndex != index) {
179 importTblObj.datagrid('loading');
180 if (endEditing()) {
181 importTblObj.datagrid('selectRow', index)
182 .datagrid('beginEdit', index);
183 editIndex = index;
184 } else {
185 importTblObj.datagrid('selectRow', editIndex);
186 }
187 $('.datagrid-editable-input').select();
188
189 setTimeout(function(){importTblObj.datagrid('loaded');},300);
190 }
191 }View Code
转载于:https://www.cnblogs.com/kkwoo/p/4156339.html
Easyui DataGrid Editor相关推荐
- easyUI datagrid editor扩展dialog
easyUI datagrid简单使用:着重两点1.editor对象的click事件:2.将dialog窗体内的值填写到当前正编辑的单元格内 1 <!DOCTYPE html> 2 < ...
- easyui datagrid editor 编辑器的简单活用以及自定义校验
本文介绍easyui的datagrid如何使用编辑器的功能并且完成自定义的校验 1.定义dategrid列表,这里editor主要是设置该字段可以编辑,并且指定自定义编辑类型 editor=" ...
- easyui datagrid单独修改某列的值
此时心中毫无波澜,只觉得好饿 废话不多说,先看效果图: 代码: <th field="departmentId" width="150px" sortab ...
- easyui datagrid编辑时修改其它列的数值.
easyui datagrid编辑时修改其它列的数值. { field: 'converter', title: '转化器', align: 'left', width: 250,editor: {t ...
- 关于EasyUI DataGrid行编辑时嵌入时间控件
本人做一个名为"安徽中控"项目时,为快速开发基础数据增删改模块,遂采用EasyUIDatagrid将所有增删改查的操作都集中于表格中,并且所有增删改查操作都集中于泛型对象,从而不必 ...
- EasyUI datagrid detailview
全部展开: var me = this; setTimeout(function () { //延时触发easyui datagrid detailviewclick事件, 不用计时器无法展开,不 ...
- EasyUI DataGrid根据字段动态合并单元格
为什么80%的码农都做不了架构师?>>> 1.合并方法 /** * EasyUI DataGrid根据字段动态合并单元格 * 参数 tableID 要合并table的id * ...
- jQuery EasyUI DataGrid - 格式化列（formatter ）
以下实例格式化在 easyui DataGrid 里的列数据,并使用自定义列的 formatter,如果价格小于 20 就将文本变为红色. 为了格式化一个数据网格(DataGrid)列,我们需要设置 ...
- easyui datagrid 表头固定（垂直滚动条）、列固定（水平滚动条）
easyui datagrid 表头固定(垂直滚动条).列固定(水平滚动条),每页显示1000行 最近用多了easyui 之后还是觉得它的功能还是很强大的.它原有的功能就已经能够满足90%以上的界面需 ...
最新文章
- ThinkPHP快捷查询
- Oracle-OLAP和OLTP解读
- 一种简单快捷的 java 热部署方式
- CSS浮动（Float）（二）
- MFC开发IM-第四篇、mfc 对话框dialog的属性意思
- [转帖]三大运营商2G/3G/4G频率分配和网络制式
- 决策树算法python实现_决策树之python实现ID3算法（例子）
- 日出时间php,返回给定的日期与地点的日落时间/ 日出时间
- 苹果电脑操作系统的演变历程
- 新电脑配置不低却还是卡顿，你知道原因吗？
- 山西毕业主题研学夏令营
- Win10 LTSB 2016 激活
- 按照斗地主的规则，完成洗牌发牌的动作
- 中国最美的一千个汉字 : 千字文5
- VSCode下载及安装
- PostgreSQL 连接(JOIN)
- day03--面向对象--类的继承
- CSGO 绑定一键跳投
- ::ng-deep 与 :host ::ng-deep
- ORACLE process爆满，大量process没有对应的session