首页 > 代码库 > easyui如何动态改变列的编辑属性
easyui如何动态改变列的编辑属性
动态改变列的编辑属性
var tt=$(‘#dg‘).datagrid(‘getColumnOption‘, ‘yearContent‘); //通过列名获得此列 tt.editor={type:‘textarea‘}; //设置此列的编辑属性 如果禁用编辑 则设置 tt.editor={}
新增一行时 yearContent 列可以编辑
function append(){ if (endEditing()){ $(‘#dg‘).datagrid(‘appendRow‘,{});//新增一行 var tt=$(‘#dg‘).datagrid(‘getColumnOption‘, ‘yearContent‘); tt.editor={type:‘textarea‘}; editIndex = $(‘#dg‘).datagrid(‘getRows‘).length-1; $(‘#dg‘).datagrid(‘selectRow‘, editIndex) .datagrid(‘beginEdit‘, editIndex); $("textarea").css("height","85px"); } }
点击一行时 yearContent 列不可以编辑
function onClickRow(index,field,value){ if (editIndex != index){ if (endEditing()){ var tt=$(‘#dg‘).datagrid(‘getColumnOption‘, ‘yearContent‘); tt.editor={}; $(‘#dg‘).datagrid(‘selectRow‘, index) .datagrid(‘beginEdit‘, index); editIndex = index; } else { $(‘#dg‘).datagrid(‘selectRow‘, editIndex); } $("textarea").css("height","85px"); } }
easyui如何动态改变列的编辑属性
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。