//layui的模板引擎和分页组合用

本文展示了如何结合layui的模板引擎和分页组件来实现数据的动态加载和展示。通过示例代码,解释了如何利用layui的表格、表单和操作按钮,以及如何处理全选、单选等交互功能。
摘要由CSDN通过智能技术生成

//layui的模板引擎和分页组合用

<body class="gray-bg">

<script type="text/html" id="demo">

#[[{ {#  layui.each(d.list, function(index, item){ }}

 

                                <tr>

                                    <td width="1%">

                                    { {index+1}}

                                    </td>

                                    <td width="1%">

                                    <input value="{ {item.id}}" type="checkbox"  class="i-checks i" name="input[]">

                                    </td>

                                     <td>{ {item.tableName}}</td>

      

                                  <td>{ {item.tableComment}}</td>

      

                                  <td>{ {item.formClass}}</td>

      

                                  <td>{ {item.version}}</td>

      

                                    <td width="10%">

                                    <p>

                                    <button value="{ {item.id}}" class="btn btn-danger btn-xs delone" type="button">

                                    <i class="fa fa-upload"></i>  

                                    <span class="bold">删除</span>

                                    </button>

                                                    </p>

                                    </td>

                                </tr>

{ {#  }); }}]]#

    </script>

                     <div class="ibox-content">

                       <form role="form" id="form" action="/gTable/list/1-10" class="form-inline" method="post">

                            <div class="form-group">

                                <label for="exampleInputEmail2" class="control-label">表名:</label>

                                <input type="text" name="tableName" placeholder="表名"  class="form-control">

                                <input type="text" name="tableName" placeholder="表名" value="=" hidden=&#

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值