layui实现根据table数据判断按钮显示情况的方法

2024-12-13 前端实例跟版网

可以根据table的数据实现判断toolbar按钮的显示状态和情况 script type="text/html" id="barDemo" {{# if(d.status ==0){ }} a class="layui-btn layui-btn-mini" lay-event="examine"查看/a a class="layui-btn layui-btn-mini" lay-event="edit"编辑/a a cl

可以根据table的数据实现判断toolbar按钮的显示状态和情况

<script type="text/html" id="barDemo">
  {{# if(d.status ==0){ }}
  <a class="layui-btn layui-btn-mini" lay-event="examine">查看</a>
  <a class="layui-btn layui-btn-mini" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">删除</a>
  <a class="layui-btn layui-btn-mini" lay-event="submit">提交</a>
  {{# }if(d.status ==2) { }}
  <a class="layui-btn layui-btn-mini" lay-event="examine">查看</a>
  <a class="layui-btn layui-btn-mini" lay-event="export">创建组套产品</a>
  {{# }if(d.status ==1) { }}
  <a class="layui-btn layui-btn-mini" lay-event="examine">查看</a>
  {{# } }}
</script>

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！

上一篇：百度地图添加自定义点标记、文本标注、点标记的示例代码下一篇：mui消息框alert，confirm，prompt，toast实例

相关文档推荐

layui tree实现获取子节点所有值的实例代码

layui tree实现获取子节点所有值的实例代码，具体代码如下: layui.use(['tree', 'form'], function(){ var tree = layui.tree; var form = layui.form; // 模拟数据 var data = [ { name: '节点1', id: 1, children: [ {name: '节点1-1', id: 11, children: [

网页flex布局实现内容区域高度自适应实例代码

（1）在主容器container中创建header、main、footer等容器(div)，display:flex开启flex布局，设置主容器的大小是很有必要的，flex布局将根据容器的大小来分配内部子元素的大小，所以配置了height: 100vh;width: 100%; （2）通过flex-direction: column改变容

layui tree点击标题选中加色实例代码

layui tree 点击标题选中加色，具体实例代码如下： layui.use('tree', function () { var tree = layui.tree; //渲染 stree = tree.render({ elem: '#demo2' //绑定元素 , data: treeService , showCheckbox: true , click: function (obj) { //节点选中状态

LayUI tree组件实现展开全部和折叠全部的功能

html代码部分： div id="menuTree" class="demo-tree-more"/div js组件渲染代码 tree.render({ elem: '#menuTree', data: getData(), //ajax获取data数据 showCheckbox: true, //是否显示复选 id: 'demoId' }); 点击全部展开和全部折叠按钮事件 //menuTree换

layui实现打印layer.open弹窗内容

parent.layer.open({ //在父窗口打开 type: 2, //type必须为2，否则打印时候获取不到iframe btn: ['打印','关闭'], title: parent.bigOpenTitle + parent.bigOpenContent + "div class='big-open-title'表单/div", offset: 'auto', skin: 'big-open', area:

layui使用tips鼠标悬停提示语的实例代码

layui使用tips鼠标悬停提示语的实例代码，具体代码如下，有三种方式： !DOCTYPE htmlhtml lang="zh" head meta charset="UTF-8" title测试-liu 劉/title/headscript src="https://cdn.staticfile.org/layui/2.7.6/layui.js"/scriptscript src="https://code.j

栏目导航

前端实例 Php实例 Java实例 Python实例 C/C++实例 C#/.NET实例其他语言实例