ホームページ >ウェブフロントエンド >ライユイのチュートリアル >Layuiはボタンをクリックして行を追加するメソッドを実装しています
1. ajax リクエストを使用してデータを取得して変数に格納し、その変数をテーブルのデータに代入します
var organData = []; $.ajax({ url: baseUrl+'/org/getSysOrgList' ,type:"POST" ,async:false ,dataType:"json" , success: function(result){ organData=result; } });
2. データを渡しますデータ メソッドによる
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 の詳細については、PHP 中国語 Web サイトlayuiチュートリアル コラム
をご覧ください。以上がLayuiはボタンをクリックして行を追加するメソッドを実装していますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。