剑轩

layui表格加入表单元素,单选框复选框什么的

电脑版发表于:2020/8/20 10:11


需要实现的效果:



方法一:前端实现
使用templet绑定

text/html提供绑定的模板:

<script type="text/html" id="switchTpl">
    <!-- 这里的 checked 的状态只是演示 -->
        <input type="checkbox" name="Type" value="{{d.Id}}" lay-skin="switch" lay-text="禁用|启用" lay-filter="sexDemo" {{ d.checked=='checked' ? 'checked' : '' }}>  
</script>

绑定的值和选中状态可以使用value="{{d.Id}}",{{ d.checked=='checked' ? 'checked' : '' }}来实现,在后台处理好值然后前台针对性写就行了




方法二:后端实现
直接给绑定的字段提供值,可以直接在后台处理这样还是比较灵活的

前台就正常绑定即可,不需要加templet
后台处理好html

这种写法绑定值或者选择状态直接在后台拼接即可!



关于TNBLOG
TNBLOG,技术分享。技术交流:群号677373950
ICP备案 :渝ICP备18016597号-1
App store Android
精彩评论
{{item.replyName}}
{{item.content}}
{{item.time}}
{{subpj.replyName}}
@{{subpj.beReplyName}}{{subpj.content}}
{{subpj.time}}
猜你喜欢