layui概念

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

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

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

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

2、將數據通過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: '組織形態', 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){
              //如果是異步請求數據方式，res即為你接口返回的信息。
              //如果是直接賦值的方式，res即為：{data: [], count: 99} data為當前頁數據、count為數據總長度
                sessionStorage.setItem("countTemp",count);
              }
        ,text: '對不起，加載出現異常！'
  });

以上就是layui實現點擊按鈕添加一行的方法的詳細內容，更多請關注創新互聯其它相關文章！

本文名稱：layui如何實現點擊按鈕添加一行-創新互聯
本文地址：http://www.yijiale78.com/article14/dpccde.html

成都網站建設公司_創新互聯，為您提供ChatGPT、品牌網站設計、軟件開發、響應式網站、網站設計、網站設計公司

廣告

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