easyuidatagrid批量编辑和提交数据

王朝学院·作者佚名  2016-08-28
窄屏简体版  字體: 小  |  中  |  大  |  超大  

easyui datagrid 行编辑和提交方,废话就不多说了,直接上代码

1<divstyle="margin: 5px;">2<tableid="dg"class="easyui-datagrid"title="确认单据"style="width: 100%; height: 540px; margin: 20px;"3data-options="loadMsg: '正在加载,请稍候...',4nowrap: false,5border: true,6methord: 'post',7collapsible: false,8fit: false,9fitColumns: false,10remoteSort: true,11rownumbers: true,12pagination: true,13pageSize: 20,14pageList: [20, 30, 40, 50, 100],15striped: true,16toolbar: '#tb',17onClickRow: onClickRow,18singleSelect:false">19<thead>20<tr>2122<thdata-options="field:'obj2',width:140,align:'center',checkbox:true">物料代码</th>23<thdata-options="field:'obj1',width:75,display:'none',align:'center'">主键ID</th>24<thdata-options="field:'DJID',width:70,align:'center'">单据ID</th>25<thdata-options="field:'obj3',width:240,align:'center'">物料描述</th>26<thdata-options="field:'obj4',width:75,align:'center'">计划数量</th>27<thdata-options="field:'obj5',width:75,align:'center'">计划重量</th>28<thdata-options="field:'obj6',width:80,align:'center'">实际入库数量</th>29<thdata-options="field:'obj7',width:80,align:'center'">实际入库重量</th>30<thdata-options="field:'obj8',width:80,align:'center',editor:'text'">入高架库数量</th>31<thdata-options="field:'obj9',width:80,align:'center',editor:{type:'text'}">入高架库重量</th>32<thdata-options="field:'obj10',width:80,align:'center',editor:{type:'text'}">入线边库数量</th>33<thdata-options="field:'WorkName',width:80,align:'center',editor:{type:'text'}">入线边库重量</th>34</tr>35</thead>36</table>37<divid="tb"style="height: auto">38<ahref="javascript:void(0)"class="easyui-linkbutton"data-options="iconCls:'icon-save',plain:true"onclick="accept()">保存</a>39</div>4041</div>

界面:

[flash=500,400]http://s1.knowsky.com/20160211/fel5wvh2rpa26.png[/flash]

注意:

Table的 data-options 属性 onClickRow: onClickRow 属性双击行改变行状态,用于编辑数据

<th data-options="field:'WorkName',width:80,align:'center',editor:{type:'text'}">入线边库重量</th>

其中的

editor:{type:'text'} 属性可以在双击后启用单元格的状态

1vareditIndex =undefined;2functionendEditing(){3if(editIndex == undefined){returntrue}4if($('#dg').datagrid('validateRow', editIndex)){5$('#dg').datagrid('endEdit', editIndex);6editIndex =undefined;7returntrue;8}else{9returnfalse;10}11}12functiononClickRow(index){13if(editIndex !=index){14if(endEditing()){15$('#dg').datagrid('selectRow', index)16.datagrid('beginEdit', index);17editIndex =index;18}else{19$('#dg').datagrid('selectRow', editIndex);20}21}22}2324functionaccept(){25if(endEditing()){26varrows = $('#dg').datagrid('getChanges');27var$dg=$('#dg');28if($dg.datagrid('getChanges').length) {29//var inserted = $dg.datagrid('getChanges', "inserted"); //获取添加状态的行30//var deleted = $dg.datagrid('getChanges', "deleted");//获取删除状态的行31varupdated = $dg.datagrid('getChanges', "updated");//获取修改状态的行32vareffectRow =newObject();33if(updated.length) {34effectRow["updated"] =JSON.stringify(updated);35}36$.post("/PFK/ashx/UpdateManger.ashx",effectRow,function(rsp) {37debugger;38if(rsp.status){39$.messager.alert("提示", "提交成功!");40$dg.datagrid('acceptChanges');41}42}, "JSON").error(function() {43//$.messager.alert("提示", "提交错误了!");44});45}46}47}

12stringupdated = context.Request["updated"];3List<ShowCCK_DHModle> modelList =null;4if(updated !="")5{6modelList = RFIDScan.CommFunction.JsonDeserialize<List<ShowCCK_DHModle>>(updated);7}8//获取数据后的其他操作

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航