EasyUI DataGrid可编辑单元格详解编程语言

效果如图:

EasyUI DataGrid可编辑单元格详解编程语言

 

首先在需要可编辑的列上添加一个editor属性,列定义为numberbox编辑类型

<th field="SCORES"  editor="{type:'numberbox',options:{precision:0}}" width="120">默认分值 </th>

当用户点击一行的时候,我们开始一个编辑动作

$('#dg').datagrid({    
	onClickCell: function(index,field,value){ 
		$(this).datagrid('beginEdit', index); 
		var ed = $(this).datagrid('getEditor', {index:index,field:field}); 
	}  
});

 作者:blog.ytso.com

原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/14510.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论