layuiテーブルの動的表示変換

Layui のテーブル コンポーネントを使用する場合、関数の表示または非表示などの変換可能な操作が使用される場合があり、その場合はボタンの動的な変換が必要になります。

実装方法: 追加layui の barDome への次のコード

<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="preview">预览</a>
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    {{#  if(d.img_status == "yes"){ }}
    <a class="layui-btn layui-btn-warm layui-btn-xs no" lay-event="no">轮播隐藏</a>
    {{# }if(d.img_status == "no") { }}
    <a class="layui-btn layui-btn-xs yes" lay-event="yes">轮播显示</a>
    {{#  } }}
</script>

if は、表示と非表示の条件を決定するために使用されます。lay-event はトリガーされたイベントです。

イベントがトリガーされた後、次のコードを使用できます。

テーブルを更新する reload () メソッド

layui の詳細については、PHP 中国語 Web サイトの layui 使用法チュートリアル 列に注目してください。

以上がlayuiテーブルの動的表示変換の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。