控制器用到的方法:

  首页视图,首页获取数据, 例如:public ActionResult Index()   {   return View(); }

  添加视图,保存添加数据,

  编辑视图,保存编辑数据,

  删除数据,订单详情页面,

视图实现:

获取数据:参考layUI数据表格,按照规范写好table原始容器后,只要你加载了layui 的 table 模块,就会自动对其建立动态的数据表格

编辑/删除:先绑定列工具条,toolbar: '#barDemo',监听行工具栏,示例代码:

  • <script type="text/html" id="barDemo">
  • <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  • <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
  • </script>

新增:先开启表头工具,toolbar: '#toolbarDemo',监听头部工具栏事件,代码示例:

  • 工具栏模板:
  • <script type="text/html" id="toolbarDemo">
  • <div class="layui-btn-container">
  • <button class="layui-btn layui-btn-sm" lay-event="add">添加</button>
  • </div>
  • </script>

搜索:对表格进行重载

状态的实现:自定义模板,在行内用 templet: '#titleTpl' 绑定值,