jqxGrid自定义行编辑器

$("#jqxgrid").jqxGrid(
{
columns: [
{ text: 'First Name', datafield: 'firstname',columntype:"custom",
//初始化编辑器的方法，只在首次开始编辑的时候调用
createeditor:function(row, cellvalue, editor, celltext, cellwidth, cellheight){
//需要自己创建一个编辑器DOM对象，editor是cell的jquery DOM文档对象
var $input=$("<input type='text' class='custom-input'>");
editor.html($input);
$input.jqxInput({height:"100%",width:"100%"});
},
//编辑器赋初值方法，每次开始编辑前都会调用
initeditor:function(row, cellvalue, editor, celltext, pressedChar){
editor.find(".custom-input").jqxInput("val",cellvalue);
},
//把编辑器的值返回到cell中，每次结束编辑都会调用
geteditorvalue:function(row, cellvalue, editor){
return editor.find("input").val();
}
}
]
editable:true //也可以不设置这个属性，定义jqxgrid点击事件自定义开始编辑
});

关键就是要自己创建一个DOM。

如果有子表(详情表rowdetails)，你会发现用jqxGrid给的编辑模型会有意想不到的问题(点击子表会触发父级表编辑)。

当使用自定义编辑器后，详情表的行编辑行为就会变得简单明了。