• <legend id='0BfkG'><style id='0BfkG'><dir id='0BfkG'><q id='0BfkG'></q></dir></style></legend>

    <tfoot id='0BfkG'></tfoot>
      <bdo id='0BfkG'></bdo><ul id='0BfkG'></ul>

  • <small id='0BfkG'></small><noframes id='0BfkG'>

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

      1. Layui中实现开关按钮的效果

        按钮代码如下: {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
      2. <legend id='nRC0S'><style id='nRC0S'><dir id='nRC0S'><q id='nRC0S'></q></dir></style></legend>

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

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

                • <bdo id='nRC0S'></bdo><ul id='nRC0S'></ul>
                    <tbody id='nRC0S'></tbody>
                  按钮代码如下:
                  {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.userId + '' +
                                              ' lay-text="启用|已禁用"  value=' + data.state + '></div>';
                                      }
                                      return '<div> <input type="checkbox" lay-skin="switch" name="codeSwitch"  switchId=' + data.userId + ' lay-filter="switchTest"' +
                                          'lay-text="启用|已禁用" value=' + data.state + '></div>';
                  
                                  }
                              }

                  实现操作js代码如下:

                  /**
                       * 监听开关 状态 操作
                       */
                      form.on('switch(switchTest)', function (data) {
                          /**
                           * 禁用标签
                           * 状态 赋值为 1
                           */
                          var layerIndex = layer.load(3);
                  
                          if ((this.checked ? 'true' : 'false') == 'false') {
                              $.ajax({
                                  url: '/users/delete',
                                  data: {
                                      state: 1,
                                      userId: data.elem.getAttribute("switchId")
                                  },
                                  type: 'PUT', //HTTP请求类型
                                  success: function (data) {
                                      console.log(data);
                  
                                      $.message({
                                          message: "禁用用户",
                                          type: 'success',
                                          showClose: true
                                      });
                  
                                  }, error: function () {
                                      $.message({
                                          message: "boom..",
                                          type: 'error',
                                          showClose: true
                                      });
                                  }
                  
                              })
                          } else {
                              /**
                               * 启动标签
                               * 状态 赋值为 0
                               */
                              $.ajax({
                                  url: '/users/delete',
                                  data: {
                                      state: 0,
                                      userId: data.elem.getAttribute("switchId")
                                  },
                                  type: 'PUT',
                                  success: function (data) {
                                      console.log(data);
                                      $.message({
                                          message: "启动用户",
                                          type: 'success',
                                          showClose: true
                                      });
                  
                                  }, error: function () {
                                      $.message({
                                          message: "boom..",
                                          type: 'error',
                                          showClose: true
                                      });
                                  }
                  
                              })
                          }
                          layer.close(layerIndex);
                  
                      });
                   
                  本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                  相关文档推荐

                  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
                  做小程序项目的时候,客户提了一个功能需求优化,就是长按文字需要复制全部内容,因为有的手机支持全选复制,有的手机不支持全选复制。 通过设置系统剪贴板的内容和获取系统剪贴板的内容实现复制功能 html相关代码: van-field value="{{form.contactPhone}}"
                  最近项目中遇到需要下拉框能实现根据首字母进行模糊搜索,下拉框使用的是xm-select,而xm-select支持中文的搜索,后端接口也仅支持中文的。因此需要借助其他插件来完成功能。最终实现的效果如下: 涉及到的基础文件:引用 pinyin.js 和 initials.js。再引用 l
                  我们都知道layui treetable.js没有checked做联动。我们要实现Layui treetable复选框联动要怎么操作呢?实现的最终效果如下: 1. 在当前HTML文档checked监听函数中增加以下代码: //联动 table.on('checkbox(quan_list)', function(obj){ //console.log(obj);

                    1. <legend id='5bacF'><style id='5bacF'><dir id='5bacF'><q id='5bacF'></q></dir></style></legend>

                          <bdo id='5bacF'></bdo><ul id='5bacF'></ul>

                          <small id='5bacF'></small><noframes id='5bacF'>

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

                            <tbody id='5bacF'></tbody>
                        • <tfoot id='5bacF'></tfoot>