checkbox居中 editor_Kendo UI 使用经验点滴(六）——Grid批量编辑中的Checkbox编辑器另一种方法...

在这个例子中，有一个是否全职的字段，ISFULLTIME,这个字段是数值型，用1和0表示true和false，在编辑时，我们希望使用checkbox进行编辑，但希望获得的值是1和0，而不是true和false。

在model中的定义这个字段和一个附加字段，用于编辑：

model: {

id: "OBJECTID",

fields: {

...

ISFULLTIME: { editable: true },

ISFULLTIME_DICTEXT: { editable: true}

}

在columns中的定义，注意这里我们编辑的是ISFULLTIME_DICTEXT：

columns: [

...

{ field: "ISFULLTIME_DICTEXT", title: "是否全职", editor: customBoolEditor, template: "#=GetFullTime(ISFULLTIME)#" },

],

这里我们希望显示“是”和“否”，因此模板调用了转换函数：

function GetFullTime(va) {

if (va == 1) return "是";

return "否";

}

自定义的编辑器如下：

//自定义编辑控件,checkbox

function customBoolEditor(container, options) {

var guid = kendo.guid();

$('').appendTo(container)

.on("click", function (e) {

var field = options.field.replace("_DICTEXT", "");

if (e.target.checked)

options.model[field] = 1;

else

options.model[field] = 0;

});

$('​').appendTo(container);

}

这里，在控件值改变时，将模型相关的值改变为1或0。