layui如何實現(xiàn)點擊按鈕添加一行-創(chuàng)新互聯(lián)

layui概念

網(wǎng)站設(shè)計制作、網(wǎng)站制作介紹好的網(wǎng)站是理念、設(shè)計和技術(shù)的結(jié)合。成都創(chuàng)新互聯(lián)擁有的網(wǎng)站設(shè)計理念、多方位的設(shè)計風(fēng)格、經(jīng)驗豐富的設(shè)計團隊。提供PC端+手機端網(wǎng)站建設(shè)，用營銷思維進行網(wǎng)站設(shè)計、采用先進技術(shù)開源代碼、注重用戶體驗與SEO基礎(chǔ)，將技術(shù)與創(chuàng)意整合到網(wǎng)站之中，以契合客戶的方式做到創(chuàng)意性的視覺化效果。

是一款采用自身模塊規(guī)范編寫的前端 UI 框架，遵循原生 HTML/CSS/JS 的書寫與組織形式，門檻極低，拿來即用。其外在極簡，卻又不失飽滿的內(nèi)在，體積輕盈，組件豐盈，從核心代碼到 API 的每一處細節(jié)都經(jīng)過精心雕琢，非常適合界面的快速開發(fā)。layui 首個版本發(fā)布于2016年秋，她區(qū)別于那些基于 MVVM 底層的 UI 框架，卻并非逆道而行，而是信奉返璞歸真之道。準確地說，她更多是為服務(wù)端程序員量身定做，你無需涉足各種前端工具的復(fù)雜配置，只需面對瀏覽器本身，讓一切你所需要的元素與交互，從這里信手拈來。

1、用ajax請求將數(shù)據(jù)取出存于變量，將變量賦值給table的data

  var organData = [];
  $.ajax({
        url: baseUrl+'/org/getSysOrgList'
        ,type:"POST"
        ,async:false
        ,dataType:"json"
        , success: function(result){
            organData=result;
        }
  });

2、將數(shù)據(jù)通過data方式傳值

table.render({
        elem: '#organ-manage-list'
        ,data:organData
        ,method:'POST'
        ,cols: [[
         {field: 'orgCode', width: 100, title: '組織編碼', sort: true}
        ,{field: 'orgName', title: '組織名稱', width: 200}
        ,{field: 'pOrgCode', title: '上級行政組織', width: 100}
        ,{field: 'orgModal', title: '組織形態(tài)', width: 100}
        ,{field: 'isSelfOrg', title: '是否核算組織', width: 100}
        ,{field: 'status', title: '啟/停用', width: 100}
        ,{field: 'updTime', title: '更新時間', width: 200}
        ,{title: '操作',align:'center', fixed: 'right', toolbar: '#table-organ-operator'}
        ]]
        ,page: true
        ,limit: 10
        ,height: 'full-220'
        ,done: function(res, curr, count){
              //如果是異步請求數(shù)據(jù)方式，res即為你接口返回的信息。
              //如果是直接賦值的方式，res即為：{data: [], count: 99} data為當前頁數(shù)據(jù)、count為數(shù)據(jù)總長度
                sessionStorage.setItem("countTemp",count);
              }
        ,text: '對不起，加載出現(xiàn)異常！'
  });

以上就是layui實現(xiàn)點擊按鈕添加一行的方法的詳細內(nèi)容，更多請關(guān)注創(chuàng)新互聯(lián)其它相關(guān)文章！

本文名稱：layui如何實現(xiàn)點擊按鈕添加一行-創(chuàng)新互聯(lián)
本文地址：http://bm7419.com/article14/dpccde.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、品牌網(wǎng)站設(shè)計、軟件開發(fā)、響應(yīng)式網(wǎng)站、網(wǎng)站設(shè)計、網(wǎng)站設(shè)計公司

廣告

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