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


    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         }
  • 相关阅读:
    Python 面向对象3-类变量与实例变量
    Python面向对象2-类和构造方法
    Linux LVM动态扩容
    Anslib 使用错误归纳
    Linux Centos7安装最新anslib
    Linux 配置最新的epel源
    Linux centos7安装python3并且不影响python2
    docker compose启动服务超时重启记录
    spring cloud学习(三)使用Ribbon实现客户端负载均衡
    spring cloud 学习(二)关于 Eureka 的学习笔记
  • 原文地址:https://www.cnblogs.com/cnn2017/p/8167045.html
Copyright © 2020-2023  润新知