首页 发现 帮助
注册 登录
root
/
gs_bg
1
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

添加data数据加载属性及示例

RuoYi 5 年之前
父节点
55512bdbec
当前提交
febd69e2b3
共有 4 个文件被更改，包括 90 次插入 和 1 次删除
合并视图 显示文件统计
  1. 12 1
      ruoyi-admin/src/main/java/com/ruoyi/web/controller/demo/controller/DemoTableController.java
  2. 1 0
      ruoyi-admin/src/main/resources/static/ruoyi/js/ry-ui.js
  3. 76 0
      ruoyi-admin/src/main/resources/templates/demo/table/data.html
  4. 1 0
      ruoyi-admin/src/main/resources/templates/index.html

+ 12 - 1
ruoyi-admin/src/main/java/com/ruoyi/web/controller/demo/controller/DemoTableController.java
查看文件 

@@ -6,6 +6,7 @@ import java.util.Collections;
 
 import java.util.Date;

 import java.util.Date;

 import java.util.List;

 import java.util.List;

 import org.springframework.stereotype.Controller;

 import org.springframework.stereotype.Controller;

+import org.springframework.ui.ModelMap;

 import org.springframework.web.bind.annotation.GetMapping;

 import org.springframework.web.bind.annotation.GetMapping;

 import org.springframework.web.bind.annotation.PostMapping;

 import org.springframework.web.bind.annotation.PostMapping;

 import org.springframework.web.bind.annotation.RequestMapping;

 import org.springframework.web.bind.annotation.RequestMapping;

@@ -140,6 +141,16 @@ public class DemoTableController extends BaseController
 
         return prefix + "/button";

         return prefix + "/button";

     }

     }

 

 

+    /**

+     * 直接加载表格数据

+     */

+    @GetMapping("/data")

+    public String data(ModelMap mmap)

+    {

+        mmap.put("users", users);

+        return prefix + "/data";

+    }

+

     /**

     /**

      * 表格冻结列

      * 表格冻结列

      */

      */

@@ -166,7 +177,7 @@ public class DemoTableController extends BaseController
 
     {

     {

         return prefix + "/detail";

         return prefix + "/detail";

     }

     }

-    

+

     /**

     /**

      * 表格父子视图

      * 表格父子视图

      */

      */

+ 1 - 0
ruoyi-admin/src/main/resources/static/ruoyi/js/ry-ui.js
查看文件 

@@ -122,6 +122,7 @@ var table = {
 
                     queryParams: options.queryParams,                   // 传递参数（*）
 
                     queryParams: options.queryParams,                   // 传递参数（*）
 
                     rowStyle: options.rowStyle,                         // 通过自定义函数设置行样式
 
                     rowStyle: options.rowStyle,                         // 通过自定义函数设置行样式
 
                     columns: options.columns,                           // 显示列信息（*）
 
                     columns: options.columns,                           // 显示列信息（*）
 
+                    data: options.data,                                 // 被加载的数据
 
                     responseHandler: $.table.responseHandler,           // 在加载服务器发送来的数据之前处理函数
 
                     responseHandler: $.table.responseHandler,           // 在加载服务器发送来的数据之前处理函数
 
                     onLoadSuccess: $.table.onLoadSuccess,               // 当所有数据被加载时触发处理函数
 
                     onLoadSuccess: $.table.onLoadSuccess,               // 当所有数据被加载时触发处理函数
 
                     exportOptions: options.exportOptions,               // 前端导出忽略列索引
 
                     exportOptions: options.exportOptions,               // 前端导出忽略列索引

+ 76 - 0
ruoyi-admin/src/main/resources/templates/demo/table/data.html
查看文件 

@@ -0,0 +1,76 @@
 
+<!DOCTYPE html>

+<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

+<head>

+	<th:block th:include="include :: header('加载data数据')" />

+</head>

+<body class="gray-bg">

+     <div class="container-div">

+		<div class="row">

+			<div class="col-sm-12 select-table table-striped">

+				<table id="bootstrap-table"></table>

+			</div>

+		</div>

+	</div>

+    <div th:include="include :: footer"></div>

+    <script th:inline="javascript">

+        var datas = [[${@dict.getType('sys_normal_disable')}]];

+

+        $(function() {

+            var options = {

+                data: [[${users}]],

+                sidePagination: "client",

+		        showSearch: false,

+		        showRefresh: false,

+		        showToggle: false,

+		        showColumns: false,

+                columns: [{

+		            checkbox: true

+		        },

+				{

+					field : 'userId', 

+					title : '用户ID'

+				},

+				{

+					field : 'userCode', 

+					title : '用户编号'

+				},

+				{

+					field : 'userName', 

+					title : '用户姓名'

+				},

+				{

+					field : 'userPhone', 

+					title : '用户手机'

+				},

+				{

+					field : 'userEmail', 

+					title : '用户邮箱'

+				},

+				{

+				    field : 'userBalance',

+				    title : '用户余额'

+				},

+				{

+                    field: 'status',

+                    title: '用户状态',

+                    align: 'center',

+                    formatter: function(value, row, index) {

+                    	return $.table.selectDictLabel(datas, value);

+                    }

+                },

+		        {

+		            title: '操作',

+		            align: 'center',

+		            formatter: function(value, row, index) {

+		            	var actions = [];

+		            	actions.push('<a class="btn btn-success btn-xs" href="#"><i class="fa fa-edit"></i>编辑</a> ');

+                        actions.push('<a class="btn btn-danger btn-xs" href="#"><i class="fa fa-remove"></i>删除</a>');

+						return actions.join('');

+		            }

+		        }]

+            };

+            $.table.init(options);

+        });

+    </script>

+</body>

+</html>

+ 1 - 0
ruoyi-admin/src/main/resources/templates/index.html
查看文件 

@@ -108,6 +108,7 @@
 
 								<li><a class="menuItem" th:href="@{/demo/table/params}">自定义查询参数</a></li>

 								<li><a class="menuItem" th:href="@{/demo/table/params}">自定义查询参数</a></li>

 								<li><a class="menuItem" th:href="@{/demo/table/multi}">初始多表格</a></li>

 								<li><a class="menuItem" th:href="@{/demo/table/multi}">初始多表格</a></li>

 								<li><a class="menuItem" th:href="@{/demo/table/button}">点击按钮加载表格</a></li>

 								<li><a class="menuItem" th:href="@{/demo/table/button}">点击按钮加载表格</a></li>

+								<li><a class="menuItem" th:href="@{/demo/table/data}">直接加载表格数据</a></li>

 								<li><a class="menuItem" th:href="@{/demo/table/fixedColumns}">表格冻结列</a></li>

 								<li><a class="menuItem" th:href="@{/demo/table/fixedColumns}">表格冻结列</a></li>

 								<li><a class="menuItem" th:href="@{/demo/table/event}">自定义触发事件</a></li>

 								<li><a class="menuItem" th:href="@{/demo/table/event}">自定义触发事件</a></li>

 								<li><a class="menuItem" th:href="@{/demo/table/detail}">表格细节视图</a></li>

 								<li><a class="menuItem" th:href="@{/demo/table/detail}">表格细节视图</a></li>