asp.net core使用DevExtreme20将int列转为checkbox方法示例

目录

• 后端设置扩展方法
• 前端添加单元格和编辑代码

后端设置扩展方法

public static void SetNumCheckBox(this DataGridColumnBuilder builder){    _ = builder.CellTemplate(new JS("CheckBoxCellTemplate"))        .EditCellTemplate(new JS("CheckBoxEditorTemplate"))        .Lookup(lookup => lookup.DataSource(new object[] {                new {                    label = "是",                    value = 1,                },                new {                    label = "否",                    value = 0,                },    }).DisplayExpr("label").ValueExpr("value"));}

前端添加单元格和编辑代码

const getNewDomId = (function () {  let id = 1;  return function () {    return id++;  };})();function CheckBoxEditorTemplate(el, e) {  var domId = 'grid_cell_' + getNewDomId();  el.html(``);  new Vue({    el: '#' + domId,    template: ``,    data: {      state: e.value === 1,    },    methods: {      onChange(value) {        e.setValue(value ? 1 : 0);      },    },  });}function CheckBoxCellTemplate(container, options) {  container.html(    ``  );}

以上就是asp.net core使用DevExtreme20将int列转为checkbox方法示例的详细内容，更多关于asp.net core将int列转为checkbox的资料请关注脚本之家其它相关文章！