EasyUI datagrid editor表格编辑

最新推荐文章于 2023-04-15 11:13:20 发布

king_qc

最新推荐文章于 2023-04-15 11:13:20 发布

阅读量6.9k

点赞数 5

分类专栏： JavaScript 文章标签： EasyUI

本文链接：https://blog.csdn.net/king_qc/article/details/85078883

版权

本文主要介绍了如何在EasyUI的datagrid中实现编辑功能，通过示例代码详细展示了具体的实现过程，旨在为读者提供实用的帮助。

摘要由CSDN通过智能技术生成

话不多说，上代码。

$("#forecastGrid").datagrid({
	        url : contextPath + '/elc/elcForecast/queryPage.arz',
	        iconCls:'icon-edit', 
	        pagination : true,
	        pageSize : 5,
	        pageList: [5, 10],
	        rownumbers : false,
	        striped : false,
	        singleSelect : true,
	        idField : 'id',
	        nowrap : true,
	        pagePosition : 'top',
	        totalProperty : "total",
	        rowsProperty : "elcForecasts",
	        columns : [[{
				   field : 'parentUid',
				   hidden:true
	      		},{
				   field : 'period',
				   hidden:true
		      	},{
				   field : 'customerid',
				   hidden:true
		      	},{
				   field : 'constraintFlag',
				   align : 'center',
				   width : 120,
				   title : 'Constraint Flag',  
				   editor:{  
					   type:'combobox',  
		               options:{  
		            	   data: [{value:'Y',text:'Y'},
		                       	{value:'N',text:'N'}
		            	   ],
                           valueField: "value",
                           textField: "text",
                           editable: false,
		            	   required : 'required',
		            	   onSelect: function () {
		            		   endCurEdit(editIndex, 'constraintFlag');
		                   }
		               }
		        	}
		      	},{
				   field : 'sku',
				   align : 'center',
				   width : 120,
				   title : 'SKU编码'
		      	},{
				   field : 'skuNameC',
				   align : 'center',
				   width : 120,
				   title : 'SKU名称'
			    },{
		       	    field : 'totalForecast',
		            align : 'center',
		            width :