Layuiはボタンをクリックして行を追加するメソッドを実装しています-ライユイのチュートリアル-php.cn

Layuiはボタンをクリックして行を追加するメソッドを実装しています

尚

リリース： 2020-06-12 17:55:32

転載

3395 人が閲覧しました

Layuiはボタンをクリックして行を追加するメソッドを実装しています

1. ajax リクエストを使用してデータを取得して変数に格納し、その変数をテーブルのデータに代入します

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

ログイン後にコピー

2. データを渡しますデータメソッドによる

table.render({
        elem: &#39;#organ-manage-list&#39;
        ,data:organData
        ,method:&#39;POST&#39;
        ,cols: [[
         {field: &#39;orgCode&#39;, width: 100, title: &#39;组织编码&#39;, sort: true}
        ,{field: &#39;orgName&#39;, title: &#39;组织名称&#39;, width: 200}
        ,{field: &#39;pOrgCode&#39;, title: &#39;上级行政组织&#39;, width: 100}
        ,{field: &#39;orgModal&#39;, title: &#39;组织形态&#39;, width: 100}
        ,{field: &#39;isSelfOrg&#39;, title: &#39;是否核算组织&#39;, width: 100}
        ,{field: &#39;status&#39;, title: &#39;启/停用&#39;, width: 100}
        ,{field: &#39;updTime&#39;, title: &#39;更新时间&#39;, width: 200}
        ,{title: &#39;操作&#39;,align:&#39;center&#39;, fixed: &#39;right&#39;, toolbar: &#39;#table-organ-operator&#39;}
        ]]
        ,page: true
        ,limit: 10
        ,height: &#39;full-220&#39;
        ,done: function(res, curr, count){
              //如果是异步请求数据方式，res即为你接口返回的信息。
              //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                sessionStorage.setItem("countTemp",count);
              }
        ,text: &#39;对不起，加载出现异常！&#39;
  });

ログイン後にコピー

layui の詳細については、PHP 中国語 Web サイトlayuiチュートリアルコラム

をご覧ください。

以上がLayuiはボタンをクリックして行を追加するメソッドを実装していますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。