• <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从数据库中获取复选框的值并默认选中,详细代码: !doctype htmlhtml lang="en"headmeta charset="UTF-8"title/titlelink rel="stylesheet" type="text/css"href="../../../static/js/css/layui.css" rel="external nofollow" media="all"link rel="styl
                  layui中tab的切换,可使用element.tabChange(filter, layid);用于外部切换到指定的Tab项上,如:element.tabChange(demo, layid); //切换到 lay-id=yyy 的这一项 下例所示 element.tabChange(demo, 22); //切换到:用户管理 具体代码如下: div class="layui-
                  例子: input type="text" id='mobile' name="mobile" value="{$list.mobile}" lay-verify="required|phone|number"; class="form-control" lay-verify:关键字 关键字(支持多条规则的验证)required (必填项)phone(手机号)email(邮箱)url(网址)number
                  layui使用tree组件实现树形下拉菜单,下面是具体代码: html代码: link rel="stylesheet" href="~/layui/css/layui.css" media="all" @*link rel="stylesheet" type="text/css" href="~/layui/font/"*@ style type="text/css" .treeSelect .layui-select-tit
                  layui的tree控件没有搜索功能,在这里我们需要这个功能,要怎么操作呢? 1、html部分代码如下: div class="layui-col-xs2 layui-panel"divinput type="text" id="zf_keyword" placeholder="按关键词搜索"class="layui-input"/divdiv class="layui-tab-item l
                  利用Layui实现可编辑的表格功能,Layui是一套经典而简洁的前端UI框架,具有丰富的组件和强大的功能。在使用Layui开发过程中,我们可能会遇到需要实现可编辑的表格功能的需求。本文将介绍如何利用Layui的table组件和form表单组件,实现可编辑的表格功能,并提

                    <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>