jquery easyui datagrid 双击编辑某一个单元格

show出数据

grid = $('#grid').datagrid({
			title : '',
			url : contextPath + '/base/xxxxxxxxxxxxx!grid.do',
			queryParams: params,
			idField : 'id',
			rownumbers : true,
			pagination : true,
			pageSize : 50,
			pageList : [ 10, 20, 30, 40, 50, 100, 200, 300, 400, 500 ],
			frozenColumns : [ [ 
						{field:'id',checkbox:true},
							{
								width : '100',
								title : '用户手机号',
								field : 'phoneno'
							}
				      ] ],
			columns : [ [ 
			 			{
			 				width : '100',
			 				title : '业务员',
			 				field : 'recycleman'
			 			},
			 			{
			 				width : '150',
			 				title : '手机型号',
			 				field : 'mobileModel'
			 			}
			 		]
				],
			toolbar : '#toolbar',
			onClickCell:function(index,field,value){        //*单击本行关闭单元格编辑状态
				$(this).datagrid('endEdit', index); 
			},
			onDblClickCell:function(index,field,value){     //*双击单元格编辑
				$(this).datagrid('beginEdit', index);
				var ed = $(this).datagrid('getEditor', {index:index,field:field});
				$(ed.target).focus();
			},
			onBeforeLoad : function(param) {
				parent.$.messager.progress({
					text : '数据加载中....'
				});
			},
			onLoadSuccess : function(data) {
				$('.iconImg').attr('src', sy.pixel_0);
				parent.$.messager.progress('close');
			}
		});

批量提交按钮

<td><a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'ext-icon-note_add',plain:true" onclick="confirmFunModify();">批量修改</a></td>

批量修改提交方法

function confirmFunModify(){
	    var checkedItems = $('#grid').datagrid('getChecked');
	    var idArr = [];
	    $.each(checkedItems, function(index, item){
	    	idArr.push(item.id+':'+item.realSellPrice);
	    });                
	    var idAndRealSellPrice = idArr.join(",");
	    if(idAndRealSellPrice.length == 0){
	    	alert("请至少选择一条记录!");
	    	return;
	    }
	    parent.$.messager.confirm('询问', '您确定要批量修改所选记录?', function(r) {
			if (r) {
				$.post(contextPath + '/base/xxxxxxxxxx!modifySellPrice.do', {
					idAndRealSellPrice : idAndRealSellPrice,
				}, function(result) {
					if (result.success) {
						grid.datagrid('reload');
						alert(result.msg);
					} else {
						alert(result.msg);
					}
					
				}, 'json');
			}
		});
	    
	}


end!!!!!!!!!!!!!!!!!









你可能感兴趣的:(jquery,datagrid,easyui,columns,修改单元格,批量修改单元格)