<bdo id='xgLsw'></bdo><ul id='xgLsw'></ul>
    <tfoot id='xgLsw'></tfoot>

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

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

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

      2. 改造layui tree组件支持树的关键字搜索操作

        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

          • <legend id='zIh0j'><style id='zIh0j'><dir id='zIh0j'><q id='zIh0j'></q></dir></style></legend>
            1. <small id='zIh0j'></small><noframes id='zIh0j'>

                  <tbody id='zIh0j'></tbody>

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

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

                  layuitree控件没有搜索功能,在这里我们需要这个功能,要怎么操作呢?

                  1、html部分代码如下:

                  <div class="layui-col-xs2 layui-panel">
                  	<div><input type="text" id="zf_keyword"  placeholder="按关键词搜索"
                  			class="layui-input"></div>
                  	<div class="layui-tab-item layui-show" id="zf_tree"></div>
                  </div>
                  2、js代码部分如下:
                  var search = function(){
                  		$("#zf_keyword").unbind('change').change(function () {
                  		let that = this; //this;
                  		let name = $(that).val().trim();
                  		  var elem = $("#zf_tree").find('.layui-tree-txt').css('color', ''); //搜索文本与设置默认颜色
                  		  if (!name) {
                  			layer.alert("查无记录"); //无搜索值返回
                  		  }
                  		  elem.filter(':contains(' + name + ')').css('color', '#FFB800'); //搜索文本并设置标志颜色
                  		  elem.parents('.layui-tree-pack').prev().find('.layui-tree-iconClick').click(); //展开选项
                  	})
                  }
                  本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                  相关文档推荐

                  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
                  <tfoot id='Kq6Uv'></tfoot>

                • <small id='Kq6Uv'></small><noframes id='Kq6Uv'>

                    • <legend id='Kq6Uv'><style id='Kq6Uv'><dir id='Kq6Uv'><q id='Kq6Uv'></q></dir></style></legend>

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