Layui implementiert die Methode zum Hinzufügen einer Zeile durch Klicken auf eine Schaltfläche

1. Verwenden Sie eine Ajax-Anfrage, um die Daten abzurufen und in einer Variablen zu speichern, und weisen Sie die Variable den Daten der Tabelle zu

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

2 durch die Datenmethode

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: '对不起，加载出现异常！'
  });

Weitere Laui-Kenntnisse finden Sie auf der chinesischen PHP-WebsitelayuiTutorial-Spalte

Das obige ist der detaillierte Inhalt vonLayui implementiert die Methode zum Hinzufügen einer Zeile durch Klicken auf eine Schaltfläche. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!