jQueryEasyUI学习DataGrid中动态地添加和删除编辑

当编辑EasyUI、编辑功能比较简单，但如果你想动态变化的基础上的一个框的值的其他值，或者当你编辑框，它会更麻烦的。

例如，如下所示：当添加行时，每个值都是手动输入的，并且在修改时第一个值不能被修改。

EasyUI本身并不提供这样的细节，它需要扩大自己的：

在编辑时删除第一列的编辑器属性，并在添加时添加第一列的属性。

/ / DataGrid：动态添加删除扩展编辑
美元。延长（美元。fn.datagrid.methods，{
addeditor：功能（JQ，参数）{
如果（参数是数组）{
美元。每个（参数、函数（指数、项目）{
var = $（JQ）。Datagrid（'getcolumnoption项目。场）；
e.editor =项目。编辑；}）；
{人}
var = $（JQ）。Datagrid（'getcolumnoption，参数字段）；
e.editor = param.editor；
}
}，
removeeditor：功能（JQ，参数）{
如果（参数是数组）{
美元。每个（参数、函数（指数、项目）{
var = $（JQ）。Datagrid（'getcolumnoption项目）；
e.editor = { }；
}）；
{人}
var = $（JQ）。Datagrid（'getcolumnoption，参数）；
e.editor = { }；
}
}
}）；

呼叫：

删除：

$（# DG）。Datagrid（'removeeditor '，'cardno '）； / / Cardno这里是需要删除的字段值的编辑栏

添加 uff1a

$（# DG ）（。datagrid'addeditor，Cardno编辑{ / /添加
{场：'cardno，编辑：{
类型：'textbox，
选项：{
要求：真实，
ValidType：'length {二}，
invalidmessage：请输入3个数！
}
}
} }

其他操作可以相应地展开。