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

2024-03-01 0 155
目录
  • 后端设置扩展方法
  • 前端添加单元格和编辑代码

后端设置扩展方法

public static void SetNumCheckBox<T>(this DataGridColumnBuilder<T> 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(`<div id=\”${domId}\”></div>`);
new Vue({
el: \’#\’ + domId,
template: `<el-checkbox v-model=\”state\” v-on:change=\”onChange\” />`,
data: {
state: e.value === 1,
},
methods: {
onChange(value) {
e.setValue(value ? 1 : 0);
},
},
});
}
function CheckBoxCellTemplate(container, options) {
container.html(
`<div class=\”dx-checkbox-container ${
options.value === 1 ? \’dx-checkbox-checked\’ : \’\’
}\”><span class=\”dx-checkbox-icon\”></span></div>`
);
}

以上就是asp.net core使用DevExtreme20将int列转为checkbox方法示例的详细内容,更多关于asp.net core将int列转为checkbox的资料请关注悠久资源网其它相关文章!

您可能感兴趣的文章:

  • ASP.NETCore依赖注入生命周期示例详解
  • ASP.NETCoreWebSocket集群实现思路详解
  • asp.netcore认证和授权实例详解
  • ASP.NET Core 6最小API中使用日志和DI示例详解
  • ASP.NETCore实现文件上传和下载

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悠久资源 ASP.NET asp.net core使用DevExtreme20将int列转为checkbox方法示例 https://www.u-9.cn/biancheng/aspnet/181833.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务