控制器用到的方法:
首頁視圖,首頁獲取數據, 例如: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' 綁定值,