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