zoukankan      html  css  js  c++  java
  • 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' 绑定值,

  • 相关阅读:
    为什么Android的图片质量会比iPhone的差?
    第二次作业-编程
    印像最深的三位老师
    c++的类型转换(转)
    SpringMVC入门详解
    java基础
    springmvc
    Maven配置下载包速度更快
    spring中的bean.xml
    pom.xml依赖
  • 原文地址:https://www.cnblogs.com/AChongi/p/11386347.html
Copyright © 2011-2022 走看看