追求卓越一諾千金

藍藍設計_-_射阳县高级中学,2011年成立-||224大众彩票是真的吗,主創清華團隊__美丽港发型设计软件,專注軟件和互聯網ui設計開發__如何在ktv唱好歌。擅長企業信息化管理|__西凤酒1952价格表、監控-|亿发彩票可以吗、大數據軟件UIUE谘詢和設計開發服務__阚立文 我愿意。立足UI_|038彩票为什么提不到款,好好學習_-|法学基础知识,天天進步_-|雪铁龙c1国产!


layui數據表格如何加工具欄-掌上足球竞彩?

2019-6-18 釋然 前端及開發文章及欣賞


如果您想訂閱本博客內容-_|暧昧高手之白,每天自動發到您的郵箱中|长江电力商务, 請點這裏

實現的最終效果圖(文末會貼出全部代碼||-赢彩网是正规的吗,方便參考) 



1|1分快三彩票网址, 將此行代碼加在紅線所在的位置

,{fixed: 'right', width: 150, align:'center', toolbar: '#toolbarDemo'}


2_|宋慧乔谈结婚,在合適的HTML位置加入 

<script type="text/html" id="toolbarDemo">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" lay-event="update">編輯</button>
        <button class="layui-btn layui-btn-danger layui-btn-sm" lay-event="delete">刪除</button>
    </div>
</script>
全部代碼|_10个彩票买9个:

{include file="common/header"}

<div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">首頁</a>
        <a href="">演示</a>
        <a>
          <cite>導航元素</cite></a>
      </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>

<table class="layui-hide" id="test" lay-size="sm" lay-filter="test"></table>

<script type="text/html" id="toolbarDemo">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" lay-event="update">編輯</button>
        <button class="layui-btn layui-btn-danger layui-btn-sm" lay-event="delete">刪除</button>
    </div>
</script>

<script>
    layui.use('table', function(){
        var table = layui.table;

        table.render({
            elem: '#test'
            ,url:"{:url('admin/user/page')}"
            ,page: { //支持傳入 laypage 組件的所有參數(某些參數除外|-|兰州 摸吧,如--萌节:jump/elem) - 詳見文檔
                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定義分頁布局
                //,curr: 5 //設定初始在第 5 頁
                ,limit:10 //一頁顯示多少條
                ,limits:[5,10,15]//每頁條數的選擇項
                ,groups: 2 //隻顯示 2 個連續頁碼
                ,first: "首頁" //不顯示首頁
                ,last: "尾頁" //不顯示尾頁
            }
            ,cols: [[
                {field:'id', width:80, title: '代理ID', sort: true}
                ,{field:'username', width:100, title: '代理名稱'}
                ,{field:'level', width:100, title: '代理級別'}
                ,{field:'email', width:80, title: '電子郵箱'}
                ,{field:'phone', width:280, title: '手機號'}
                ,{field:'agent_id', width:280, title: '上級代理ID'}
                ,{field:'status', width:280, title: '是否啟用'}
                ,{field:'isAuth', width:280, title: '是否已經認證'}
                ,{field:'money', width:280, title: '金額'}
                ,{field:'created_time', width:280, title: '訪問時間',sort: true}
                ,{fixed: 'right', width: 150, align:'center', toolbar: '#toolbarDemo'}
            ]]

        });


        //監聽工具條
        table.on('tool(test)', function(obj){ //注--08彩票注册:tool是工具條事件名-北京诺基亚专卖店,test是table原始容器的屬性 lay-filter="對應的值"
            console.log(obj);
            var data = obj.data; //獲得當前行數據
            var layEvent = obj.event; //獲得 lay-event 對應的值(也可以是表頭的 event 參數對應的值)
            var tr = obj.tr; //獲得當前行 tr 的DOM對象

            if(layEvent === 'detail'){ //查看
                //do somehing
            } else if(layEvent === 'del'){ //刪除
                layer.confirm('真的刪除行麼', function(index){
                    obj.del(); //刪除對應行(tr)的DOM結構_小学生风景画,並更新緩存
                    layer.close(index);
                    //向服務端發送刪除指令
                });
            } else if(layEvent === 'edit'){ //編輯
                //do something

                //同步更新緩存對應的值
                obj.update({
                    username: '123'
                    ,title: 'xxx'
                });
            }
        });

    });

</script>
</body>
</html>

藍藍設計www.jwrumpff.com )是一家專注而深入的界麵設計公司-|众购彩票是真的吗,為期望卓越的國內外企業提供卓越的UI界麵設計|美璃格格演员表、BS界麵設計 --男子雨中殴打怀孕妻子、 cs界麵設計 |_007a私募内线、 ipad界麵設計 _南京江宁金盛路、 包裝設計 _||乌拉草鞋垫、 圖標定製 2628彩票平台靠谱吗、 用戶體驗 -_-钨矿、交互設計-|-天目手机维修论坛、 網站建設 -苏州生活海外站、平麵設計服務_-_张铁泉为何孤身一人。

標簽: layui數據表格如何加工具欄_给个身份证? « 這10個設計細節我不說你肯定不知道|_|20018青蛙彩开奖直播,但是看完你肯定會點讚_鞍山有线! | 研究數十個熱門 APP後|_娱乐天地代理,我來教你如何做好「設置頭像」功能»


訂閱Rss