asp.net core使用DevExtreme20将int列转为checkbox方法示例
更新时间:2023年08月16日 11:46:55 作者:Chobits
这篇文章主要为大家介绍了asp.net core使用DevExtreme20将int列转为checkbox方法示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud)
(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun)
后端设置扩展方法
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.NET通过Web.config实现验证账号密码是否正确进行登录
本文是通过authentication(认证访问者) 和 authorization( 访问权限),来实现一个简单的判断用户账号密码是否正确,需要的朋友可以参考下2021-09-09HttpResponse的Output与OutputStream、Filter关系与区别介绍
在网上经常看见有这样的代码HttpResponse response = HttpContext.Current.Response;现在我也来说说这几个东东是什么吧2012-11-11asp.net mvc路由篇 如何找到 IHttpHandler方法介绍
学习是使用asp.net已经有很长一段时间了,现在就来分析一下mvc的整过过程吧。个人计划写一个mvc系列的博文,仅从源代码的角度来分析mvc。在接触mvc时我们一定会经历路由,那么路由这东东是怎么搞出来的啊2012-11-11
最新评论