easyui 追加文本框 数字框 及下拉框

Posted 2020-10-19 calmly

1.获取下拉框的需要的数据

1     var sddata = {$sddata};
2         var sddataID = [];
3         var sddatafirst = ‘‘;
4         for(var i=0;i<sddata.length;i++){
5             if(!sddatafirst) sddatafirst =sddata[i].sdid;
6             sddataID[sddata[i].sdid] = sddata[i].sdname;
7         } 

2.datagrid 属性渲染字段

 1 CONFIG.WINCOLUMNSS =[[
 2              {title:‘订单原金额‘,colspan:2, align:"right"},
 3              {field:‘sum‘,id:‘price‘,colspan:2, align:"center"},
 4              {title:‘验货金额‘,colspan:2,align:"center"},
 5              {id:‘sprice‘,colspan:3,align:"right" }
 6          ],[
 7         {
 8             id : "check",
 9             field:"ck",
10             checkbox:true,
11         }, 
12         {
13             field : ‘code‘,
14             title : ‘{:L("原材料编号")}‘,
15             width : ‘10%‘,
16         }, {
17             field : ‘mgname‘,
18             title : ‘{:L("原材料名称")}‘,
19             width : ‘15%‘,
20         },{
21             field : ‘sdid‘,
22             title : ‘{:L("仓库")}‘,
23             width : ‘20%‘,
24             formatter:function(value,row){
25                 if(row.sdid ==‘‘){
26                     return ‘请选择仓库‘;
27                 }
28                   return sddataID[value]
29                 },editor:{
30                     type: ‘combobox‘,
31                     options:
32                     {
33                         valueField: "sdid",
34                         textField: "sdname",
35                         editable : false,
36                         data: sddata
37                     }
38                 }
39         },{
40             field : ‘oprice‘,
41             title : ‘{:L("单价")}‘,
42             width : ‘10%‘,
43         }, {
44             field : ‘goodsno‘,
45             title : ‘{:L("订购数量")}‘,
46             width : ‘10%‘,
47         }, {
48             field : ‘tprice‘,
49             title : ‘{:L("金额")}‘,
50             width : ‘10%‘,
51         },{
52             field : ‘qgoodsno‘,
53             title : ‘{:L("实到数量")}‘,
54             width : ‘20%‘,
55             editor:{type:‘numberbox‘,
56                 options:{
57                     min:0,
58                     required:true
59                 }}
60         }, {
61             field : ‘remarks‘,
62             title : ‘{:L("备注")}‘,
63             width : ‘20%‘,
64             editor:{type:‘textbox‘}
65         }]];

3.加载编辑事件（加载一行的所有编辑框）

 1 objs.wingrids=$(‘#wingrids‘).datagrid({
 2                 nowrap:true,
 3                 fit : true,
 4                 border : false,
 5                 striped : true, 
 6                 toolbar : ‘#wingridToolbars‘,
 7                 loadMsg : ‘{:L("正在加载数据，请稍后...")}‘,
 8                 rownumbers : true, 
 9                 columns:CONFIG.WINCOLUMNSS,
10                 onSelect:loadvprice,
11                     onClickRow: onClickRow,
12             });

4.可编辑 js

 1 /* 启用可编辑表格*/
 2         var editIndex = undefined;
 3         function onClickRow(index){
 4             if (editIndex == index)return false;
 5             if (endEditing()){
 6                 objs.wingrids.datagrid(‘selectRow‘, index).datagrid(‘beginEdit‘, index);
 7                 editIndex = index;
 8             } else {
 9                 objs.wingrids.datagrid(‘selectRow‘, editIndex);
10             }
11         }
12         
13         /* 完成可编辑*/
14         function endEditing(){
15             if(editIndex == undefined){return true;}
16             if(objs.wingrids.datagrid(‘validateRow‘, editIndex)){
17                 objs.wingrids.datagrid(‘endEdit‘, editIndex);
18                 editIndex = undefined;
19                 return true;
20             }else {
21                 return false;
22             }
23         }