tnblog
首页
精品
资源
登录
这世间的真话本就不多,一个女子的脸红,胜过一大段对白。
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2020TNBLOG.NET
技术交流:群号677373950
欢迎加群交流技术

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

186人阅读 2020/8/20 10:11 总访问:825336 评论:0 手机 收藏
分类: Layui


需要实现的效果:



方法一:前端实现
使用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

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




欢迎加群讨论技术,群号:677373950

评价