<small id='0Q9OY'></small><noframes id='0Q9OY'>

    1. <legend id='0Q9OY'><style id='0Q9OY'><dir id='0Q9OY'><q id='0Q9OY'></q></dir></style></legend>
    2. <tfoot id='0Q9OY'></tfoot>

    3. <i id='0Q9OY'><tr id='0Q9OY'><dt id='0Q9OY'><q id='0Q9OY'><span id='0Q9OY'><b id='0Q9OY'><form id='0Q9OY'><ins id='0Q9OY'></ins><ul id='0Q9OY'></ul><sub id='0Q9OY'></sub></form><legend id='0Q9OY'></legend><bdo id='0Q9OY'><pre id='0Q9OY'><center id='0Q9OY'></center></pre></bdo></b><th id='0Q9OY'></th></span></q></dt></tr></i><div id='0Q9OY'><tfoot id='0Q9OY'></tfoot><dl id='0Q9OY'><fieldset id='0Q9OY'></fieldset></dl></div>
        <bdo id='0Q9OY'></bdo><ul id='0Q9OY'></ul>
      1. layui 表格的默认工具栏添加自定义按钮

        首先定义table: var tableIns = table.render({ elem:'#businessUserListTable' ,url: ctx+'/business/businessUser/query' ,error:admin.error ,cellMinWidth: 80// ,width:3700 ,toolbar: '#businessUserListTable-toolbar' ,defaultToolbar: [{ title: '

      2. <legend id='pySe6'><style id='pySe6'><dir id='pySe6'><q id='pySe6'></q></dir></style></legend>
          <tbody id='pySe6'></tbody>

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

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

                  首先定义table:

                  var tableIns = table.render({
                              elem:'#businessUserListTable'
                              ,url: ctx+'/business/businessUser/query'
                              ,error:admin.error
                              ,cellMinWidth: 80
                  //       ,width:3700
                              ,toolbar: '#businessUserListTable-toolbar'
                              ,defaultToolbar: [{
                                  title: '条件过滤' //标题
                                  ,layEvent: 'searchDiv' //事件名,用于 toolbar 事件中使用
                                  ,icon: 'layui-icon-search' //图标类名
                              },
                                  'filter', 'print', 'exports']
                              ,cols: [[
                                  {type: 'checkbox', fixed: 'left'}
                                  ,{field:'userName', title: '用户帐号', align: 'center',width:130 }
                                  ,{field:'name', title: '姓名', align: 'center',minWidth:130 }
                                  ,{field:'department', title: '部门', align: 'center',width:130 }
                                  ,{field:'role', title: '角色', align: 'center',width:130 }
                                  ,{field:'position', title: '职位信息', align: 'center',width:130 }
                                  ,{field:'tel', title: '手机', align: 'center',width:130 }
                  //                ,{field:'sex', title: '性别', align: 'center',width:130,templet:tplSex }
                                  ,{field:'isLeader', title: '是否领导', align: 'center',width:130,templet:tplIsLeader }
                                  ,{field:'status', title: '状态', align: 'center',width:130,templet:tplStatus}
                                  ,{title:'操作', toolbar: '#businessUserListTable-bar', width:180}
                              ]]
                              ,page: true
                              ,limit: 10
                              ,limits: layui.setter.limits
                              ,done: function(res, curr, count){
                              }
                              ,height: 'full-1'
                          });
                  

                  其中defaultToolbar 中的:

                  {
                      title: '条件过滤' //标题
                      ,layEvent: 'searchDiv' //事件名,用于 toolbar 事件中使用
                      ,icon: 'layui-icon-search' //图标类名
                  }
                  

                  这就是我添加的自定义 搜索按钮。

                  搜索事件的监听代码:

                  table.on('toolbar(businessUserListTable)', function(obj){
                      var checkStatus = table.checkStatus(obj.config.id);
                      switch(obj.event){
                          case 'addRec':
                              active.addRec()
                              break;
                          case 'delRec':
                              active.delRec(checkStatus)
                              break;
                          case 'searchDiv':
                              active.searchDiv();
                              break;
                      };
                  });
                  

                  其中 case 'searchDiv': 与 layEvent: 'searchDiv' 是对应的。

                  方法的定义如下:

                  var active = {
                        searchDiv: function(){
                            top.layui.admin.popupRight({
                                id: 'LAY_business_PopupLayer'
                                ,area: '350px'
                                ,success: function(layero,index){
                                    var sexArr = top.layui.dict.options("sex");
                                    var statusArr = top.layui.dict.options("status");
                                    top.layui.view(this.id).render('business/businessUserSearch',$.extend(search_field,{
                                        sexArr:sexArr,
                                        statusArr:statusArr
                  })).done(
                                        function () {
                                            top.layui.form.render();
                                        }
                                    );
                                }
                            });
                        },
                    };
                  本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                  相关文档推荐

                  如果你想在 layui 的 table 列表中增加 edit=date 属性但不生效,可能是以下问题导致的: 1. 缺少日期组件的初始化 如果想在表格中使用日期组件,需要在页面中引入 layui 的日期组件,并初始化: script type="text/javascript" src="/layui/layui.js"/scrip
                  layui.render控制某一列是否可以编辑,先看代码: ,done:function (res, curr, count){//设置查看量那一列的通过status决定是否可以编辑 let tableView = this.elem.next(); layui.each(res.data, function(i, item) { console.log("curr",curr) if (item.sta
                  Rails/Javascript: How to inject rails variables into (very) simple javascript(Rails/Javascript:如何将 rails 变量注入(非常)简单的 javascript)
                  quot;Each child in an array should have a unique key propquot; only on first time render of page(“数组中的每个孩子都应该有一个唯一的 key prop仅在第一次呈现页面时)
                  Ordinals in words javascript(javascript中的序数)
                  getFullYear returns year before on first day of year(getFullYear 在一年的第一天返回前一年)
                  <tfoot id='eqSms'></tfoot>
                • <small id='eqSms'></small><noframes id='eqSms'>

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

                        <tbody id='eqSms'></tbody>

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

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