欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

layui學(xué)習(xí)增刪改查分頁(1)

1 layui 經(jīng)典模塊化前端框架

烏蘭察布ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18982081108(備注:SSL證書合作)期待與您的合作!

由職業(yè)前端傾情打造,面向所有層次的前后端開發(fā)者,零門檻開箱即用的前端UI解決方案

2 比較符合 ui設(shè)計(jì) 美感不好的 同學(xué)

3 上手快 扁平化

4正片

首先在GitHub 上 star 然后 下載到本地

記錄下自己的 debug 經(jīng)歷


1 加載table

    // 表格渲染
  var tableIns=  table.render({
        elem: '#dateTable'                  //指定原始表格元素選擇器(推薦id選擇器)
        , height: vipTable.getFullHeight()    //容器高度
        , cols: [[                  //標(biāo)題欄
            {checkbox: true, sort: true, fixed: true, space: true}
            , {field: 'tid', title: 'ID', width: 80}
            ,{field: 'teid', title: 'teID', width: 80}
            , {field: 'tname', title: '用戶名', width: 120}
            , {field: 'email', title: 'email', width: 180}
            , {field: 'tel', title: 'tel', width: 120}
            , {field: 'classid', title: '班級', width: 120}
            , {field: 'subjectid', title: '學(xué)科', width: 120}
            , {field: 'status', title: '狀態(tài)', width: 70}
            , {fixed: 'right', title: '操作', width: 240, align: 'center', toolbar: '#barOption'} //這里的toolbar值是模板元素的選擇器
        ]]
        , id: 'dataCheck'
        , url: './../teachers/datetable'
        , method: 'get'
        , page: true
        , limits: [3, 6, 9, 30, 40]
        , limit: 3 //默認(rèn)采用3
        , loading: false
        , done: function (res, curr, count) {
            //如果是異步請求數(shù)據(jù)方式,res即為你接口返回的信息。
            //如果是直接賦值的方式,res即為:{data: [], count: 99} data為當(dāng)前頁數(shù)據(jù)、count為數(shù)據(jù)總長度
            console.log(res);

            //得到當(dāng)前頁碼
            console.log(curr);

            //得到數(shù)據(jù)總量
            console.log(count);
        }
    });

2 刷新
// 刷新
$('#btn-refresh').on('click', function () {
tableIns.reload({
url:'./../teachers/datetable',
done: function(res,curr,count){
this.where={};
}
});
});


3             // 獲取選中行
    table.on('checkbox(test)', function (obj) {
        layer.msg('checkboxtest');
        console.log(obj.checked); //當(dāng)前是否選中狀態(tài)
        console.log(obj.data); //選中行的相關(guān)數(shù)據(jù)
        console.log(obj.type); //如果觸發(fā)的是全選,則為:all,如果觸發(fā)的是單選,則為:one
    });

4 //監(jiān)聽工具條 查詢單個 修改 刪除
table.on('tool(test)', function(obj){ //注:tool是工具條事件名,test是table原始容器的屬性"對應(yīng)的值"
var data = obj.data; //獲得當(dāng)前行數(shù)據(jù)
var layEvent = obj.event; //獲得 lay-event 對應(yīng)的值(也可以是表頭的 event 參數(shù)對應(yīng)的值)
var tr = obj.tr; //獲得當(dāng)前行 tr 的DOM對象

      if(layEvent === 'detail'){ //查看
        //do somehing
      } else if(layEvent === 'del'){ //刪除
          layer.confirm('真的刪除行么', function(index){
              console.log(data);
              $.ajax({
                  url: "./../teachers/deleteajax",
                  type: "POST",
                  data:{"tid":data.tid},
                  dataType: "json",
                  success: function(data){

                      if(data.state==1){
                          obj.del();
                          layer.close(index);
                          layer.msg("刪除成功", {icon: 6});
                      }else{
                          layer.msg("刪除失敗", {icon: 5});
                      }
                  }

              });  
          });
      } 

5 //查詢按鈕點(diǎn)擊事件
$('.demoTable .layui-btn').on('click', function(){
var type = $(this).data('type');
var teid = $('#teid');
var tname = $('#tname');
var status = $('#status');
var createdate = $('#createdate');
//按條件查詢刷新table
tableIns.reload({
url:'./../teachers/datetable',
where: {
teid: teid.val(),
tname: tname.val(),
status: status.val(),
createdate: createdate.val()
},done: function(res,curr,count){
this.where={};
}
});

        });

遇到的問題有 where 參數(shù)的重載

因?yàn)槲? var tableIns= table.render({ 獲取table實(shí)例
所有 table 查詢重載 是
tableIns.reload({
url:'./../teachers/datetable',
where: {
teid: teid.val(),
tname: tname.val(),
status: status.val(),
createdate: createdate.val()
},done: function(res,curr,count){
this.where={};
}
});
開始一直在加 reload “tableid” 后面才發(fā)現(xiàn)不用加 table的id


最后 layui 很不錯的后臺模板 然后 今年有很大的進(jìn)步

學(xué)習(xí)的入門可以參考
https://www.layui.com/demo/

然后也官網(wǎng)下載 layui的資料

分享文章:layui學(xué)習(xí)增刪改查分頁(1)
瀏覽路徑:http://aaarwkj.com/article32/psoepc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名、企業(yè)網(wǎng)站制作虛擬主機(jī)、網(wǎng)站改版網(wǎng)站收錄

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作
国产高清不卡一区二区| 在线午夜免费视频观看| 日韩亚洲一区二区免费| 99精品国产综合久久麻豆| 国产91黑丝在线播放| 欧美三级高清视频在线播放| 黄色成人av在线网站| 99久久久精品国产免费| 欧美一区二区三区日韩精品| 尤物在线观看视频播放| 欧美亚洲伊人久久综合| 熟妇一区二区三区av| 国产熟女真实乱精品视频| 日韩黄色一级片免费看 | 亚洲av日韩欧美精品| 日本av在线中文一区二区 | 亚洲精品入口一区二区| 久久久亚洲熟妇熟女一区二区| 国自产偷精品不卡在线| 日韩人妻精品在线一区二区| 青青草老司机在线视频| 国产日韩亚洲欧美在线| 成熟人妻中文字幕在线看| 中文字幕在线精品乱码麻豆| 美国一级二级三级黄片| 日韩人妻精品久久免费| 午夜精品视频免费91| 亚洲综合一区二区精品久久| 日本少妇三级网站大全| 欧美日韩国产一区在线观看| 国产精品极品网站91青青| 日产一区二区三区网站| 国产午夜福利诱惑在线观看| 日韩高清av一区二区| 成年人的黄色大片网站| 日韩中文字幕视频一区| 先锋影音女同中文字幕| 日韩精品日本道欧美黄片| 亚洲精品伦理中文字幕| 永久免费成人在线视频| 日韩一区二区免费看视频|