首页 > 其他 > 详细

layUI订单实现思路

时间:2019-08-21 01:59:34      阅读:415      评论:0      收藏:0      [点我收藏+]

控制器用到的方法:

  首页视图,首页获取数据, 例如: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‘ 绑定值,

layUI订单实现思路

原文:https://www.cnblogs.com/AChongi/p/11386347.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!