• <bdo id='GBb0V'></bdo><ul id='GBb0V'></ul>

        <i id='GBb0V'><tr id='GBb0V'><dt id='GBb0V'><q id='GBb0V'><span id='GBb0V'><b id='GBb0V'><form id='GBb0V'><ins id='GBb0V'></ins><ul id='GBb0V'></ul><sub id='GBb0V'></sub></form><legend id='GBb0V'></legend><bdo id='GBb0V'><pre id='GBb0V'><center id='GBb0V'></center></pre></bdo></b><th id='GBb0V'></th></span></q></dt></tr></i><div id='GBb0V'><tfoot id='GBb0V'></tfoot><dl id='GBb0V'><fieldset id='GBb0V'></fieldset></dl></div>

      1. <legend id='GBb0V'><style id='GBb0V'><dir id='GBb0V'><q id='GBb0V'></q></dir></style></legend>
      2. <small id='GBb0V'></small><noframes id='GBb0V'>

        <tfoot id='GBb0V'></tfoot>
      3. layui tree组件取消勾选的实例代码

        tree的api中,只有tree.setChecked(id, idArr)方法,没有取消勾选的方法。我的需求是:勾选后做判断,如果不符合条件则取消勾

            1. <small id='I4iRp'></small><noframes id='I4iRp'>

            2. <tfoot id='I4iRp'></tfoot>
              <legend id='I4iRp'><style id='I4iRp'><dir id='I4iRp'><q id='I4iRp'></q></dir></style></legend>
                <bdo id='I4iRp'></bdo><ul id='I4iRp'></ul>

                1. <i id='I4iRp'><tr id='I4iRp'><dt id='I4iRp'><q id='I4iRp'><span id='I4iRp'><b id='I4iRp'><form id='I4iRp'><ins id='I4iRp'></ins><ul id='I4iRp'></ul><sub id='I4iRp'></sub></form><legend id='I4iRp'></legend><bdo id='I4iRp'><pre id='I4iRp'><center id='I4iRp'></center></pre></bdo></b><th id='I4iRp'></th></span></q></dt></tr></i><div id='I4iRp'><tfoot id='I4iRp'></tfoot><dl id='I4iRp'><fieldset id='I4iRp'></fieldset></dl></div>
                    <tbody id='I4iRp'></tbody>

                  tree的api中,只有 tree.setChecked(id, idArr) 方法,没有取消勾选的方法。我的需求是:勾选后做判断,如果不符合条件则取消勾选。

                  实现方法:使用 tree的oncheck事件,在回调函数中做判断,并确定是否取消勾选:

                  layTree.render({
                      elem: '#menuTree',
                      id: 'roleMenuTree',
                      showCheckbox:true,
                      data: tempData,
                      oncheck: function(obj){
                          //console.log(obj.data); // 得到当前点击的节点数据
                          //console.log(obj.checked); // 节点是否被选中
                          //console.log(obj.elem); // 得到当前节点元素
                   
                          if (obj.data.text==='菜单管理'){
                              layer.msg('《菜单管理》不能选!');
                              obj.elem.find('.layui-form-checked').removeClass('layui-form-checked');
                              return;
                          }
                      }
                  });
                  即使用 obj.elem.find('.layui-form-checked').removeClass('layui-form-checked'); 取消勾选。经过验证,在后边使用 tree.getChecked(id) 获取已勾选的内容时,与页面显示的数据一致,无需特殊处理。
                  本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                  相关文档推荐

                  layui实现图片上传成功后回显点击放大图片功能,html代码部分: !-- html代码--div class="layui-form-item" label class="layui-form-label"上传图片/label div class="layui-input-block" button type="button" class="layui-btn" id="license-auth-letter-
                  Layui实现数据表格中鼠标悬停图片放大离开时恢复原图的效果,最终效果如下图所示: 实现代码如下,在done函数中调用hoverOpenImg方法 var tableIns = window.demoTable = table .render({ elem : '#idTest', id : 'idTest', url : '/postData', //width : 150
                  我们在用到layui时候,需要点击文本输入框调起弹出选择框并选择内容,这个要怎么操作呢?以下两种方法可以参考: 1、点击名称,弹出信息弹框,选择表格中的某一行,实现效果如下: html页面代码 !--计量器具弹出层-- div id="equipment" lay-filter="equipmen
                  我们都知道layui treetable.js没有checked做联动。我们要实现Layui treetable复选框联动要怎么操作呢?实现的最终效果如下: 1. 在当前HTML文档checked监听函数中增加以下代码: //联动 table.on('checkbox(quan_list)', function(obj){ //console.log(obj);
                  按钮代码如下: {field: 'state', title: '状态', width: 85, templet: function (data) { if (data.state == 0) { return 'div input type="checkbox" checked="" name="codeSwitch" lay-skin="switch" id="open" lay-filter="switchTest" switchId=' + data
                  核心方法 var index = layer.open({ type : 2, title : title, maxmin : true, offset: '100px', area : [ '600px', '500px' ], content : prefix + url// iframe的url }); layer.full(index); //最小化 type - 基本层类 类型:Number,默认:0 layer提供了5

                    <tbody id='CnYOm'></tbody>
                    • <i id='CnYOm'><tr id='CnYOm'><dt id='CnYOm'><q id='CnYOm'><span id='CnYOm'><b id='CnYOm'><form id='CnYOm'><ins id='CnYOm'></ins><ul id='CnYOm'></ul><sub id='CnYOm'></sub></form><legend id='CnYOm'></legend><bdo id='CnYOm'><pre id='CnYOm'><center id='CnYOm'></center></pre></bdo></b><th id='CnYOm'></th></span></q></dt></tr></i><div id='CnYOm'><tfoot id='CnYOm'></tfoot><dl id='CnYOm'><fieldset id='CnYOm'></fieldset></dl></div>

                        <bdo id='CnYOm'></bdo><ul id='CnYOm'></ul>

                        <small id='CnYOm'></small><noframes id='CnYOm'>

                        1. <tfoot id='CnYOm'></tfoot>

                            <legend id='CnYOm'><style id='CnYOm'><dir id='CnYOm'><q id='CnYOm'></q></dir></style></legend>