layUI訂單實現思路


控制器用到的方法:

  首頁視圖,首頁獲取數據, 例如: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' 綁定值,


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM