码迷,mamicode.com
首页 > 其他好文 > 详细

easyui 追加文本框 数字框 及下拉框 (升级版)

时间:2018-01-01 16:54:49      阅读:229      评论:0      收藏:0      [点我收藏+]

标签:select   下拉框   efi   for   this   tle   width   xtend   type   

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              {id:sum,colspan:2, align:"center"},
 4              {title:验货金额,colspan:2,align:"center"},
 5              {id:ysum,colspan:3,align:"right" }
 6          ],[
 7         {
 8             field : code,
 9             title : {:L("原材料编号")},
10             width : 10%,
11         }, {
12             field : mgname,
13             title : {:L("原材料名称")},
14             width : 15%,
15         },{
16             field : sdid,
17             title : {:L("仓库")},
18             width : 20%,
19             formatter:function(value,row){
20                   return sddataID[value]
21                 },
22             editor:{
23                 type: combobox,
24                 options:
25                 {
26                     valueField: "sdid",
27                     textField: "sdname",
28                     editable : false,
29                     data: sddata
30                 }
31             }
32         },{
33             field : oprice,
34             title : {:L("单价")},
35             width : 10%,
36         }, {
37             field : goodsno,
38             title : {:L("订购数量")},
39             width : 10%,
40         }, {
41             field : tprice,
42             title : {:L("金额")},
43             width : 10%,
44         },{
45             field : qgoodsno,
46             title : {:L("实到数量")},
47             width : 20%,
48             editor:numberbox
49         }, {
50             field : remarks,
51             title : {:L("备注")},
52             width : 20%,
53             editor:textbox
54         }]];

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                     onClickCell: function(index,field,value){
12                    if (endEditing()){
13                      $(#wingrids).datagrid(selectRow, index).datagrid(editCell, {index:index,field:field});
14                      editIndex = index;
15                     }
16                   }
17             });

4.编辑js事件

 1  //可编辑
 2           $.extend($.fn.datagrid.methods, {
 3                    editCell: function(jq,param){
 4                             return jq.each(function(){
 5                              var opts = $(this).datagrid(options);
 6                         var fields = $(this).datagrid(getColumnFields,true).concat($(this).datagrid(getColumnFields));
 7                          for(var i=0; i<fields.length; i++){
 8                           var col = $(this).datagrid(getColumnOption, fields[i]);
 9                           col.editor1 = col.editor;
10                           if (fields[i] != param.field){
11                            col.editor = null;
12                           }
13                      }
14                      $(this).datagrid(beginEdit, param.index);
15                      for(var i=0; i<fields.length; i++){
16                       var col = $(this).datagrid(getColumnOption, fields[i]);
17                       col.editor = col.editor1;
18                      }
19                 });
20                }
21           });
22           var editIndex = undefined;
23           function endEditing(){
24                if (editIndex == undefined){return true}
25                if ($(#wingrids).datagrid(validateRow, editIndex)){
26                     $(#wingrids).datagrid(endEdit, editIndex);
27                     editIndex = undefined;
28                     return true;
29                } else {
30                         return false;
31                }
32           }

 

easyui 追加文本框 数字框 及下拉框 (升级版)

标签:select   下拉框   efi   for   this   tle   width   xtend   type   

原文地址:https://www.cnblogs.com/cnn2017/p/8167074.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!