119 |
120 |
121 |
122 |
123 |
127 |
128 |
129 |
181 | <#elseif ((column_index%3)!=0)&&(!column_has_next)&&((column_index%3)==2)>
182 |
183 |
184 |
185 |
186 |
187 |
188 |
189 | <#else>
190 | #if>
191 | #list>
192 |
193 |
194 |
195 | 配置完成页面
196 |
197 |
198 |
199 |
200 |
201 |
206 |
207 |
208 |
209 |
--------------------------------------------------------------------------------
/template/LayUI/webapp/js/${modulepackage}/${classNameFirstLower}/${classNameFirstLower}.js:
--------------------------------------------------------------------------------
1 | <#assign className = table.className>
2 | <#assign classNameLower =className?uncap_first>
3 | /* ------------------------------ LayUI已初始化 ------------------------------ */
4 | /* ------------------------------ 基础初始化 Start ------------------------------ */
5 | // 数据表格绑定
6 | var ${classNameLower}Table = table.render({
7 | elem: '#${classNameLower}Table',
8 | url: contextPath + '${classNameLower}/list',
9 | id: '${classNameLower}Table',
10 | contentType: 'application/json',
11 | // 头部工具栏按钮绑定
12 | toolbar: '#${classNameLower}ToolBar',
13 | // 右上角筛选打印
14 | defaultToolbar: ['filter', 'print'],
15 | method : 'post',
16 | loading: true,
17 | // 查询条件
18 | where: {
19 | // 排序字段
20 | field: "created_date",
21 | // 排序方式
22 | order: "desc"
23 | },
24 | cols: [[
25 | {type: 'checkbox', align:'center'},
26 | <#list table.columns as column>
27 | <#if (column.columnNameLower=='invalidFlag')>
28 | {field: '${column.columnNameLower}', title: ${column.columnNameLower}Desc, align: 'center', sort: true, templet: function(obj) {
29 | if (obj.invalidFlag == 0) {
30 | return '有效';
31 | } else {
32 | return '无效';
33 | }
34 | }},
35 | <#else>
36 | {field: '${column.columnNameLower}', title: ${column.columnNameLower}Desc, align: 'center', sort: true},
37 | #if>
38 | #list>
39 | // 表格行工具栏按钮绑定
40 | {fixed: 'right', title:'操作', toolbar: '#${classNameLower}Bar', align:'center', minWidth: '180'}
41 | ]],
42 | page: true,
43 | limits: [10, 20, 30, 40, 50, 100, 150, 200, 300]
44 | });
45 |
46 | // 数据表格监听头部工具栏按钮触发事件
47 | table.on('toolbar(${classNameLower}Table)', function(obj) {
48 | var checkStatus = table.checkStatus('${classNameLower}Table'), data = checkStatus.data;
49 | // data当前选中行数据数组
50 | switch(obj.event){
51 | case 'add':
52 | // 执行预新增方法
53 | prepareInsert();
54 | break;
55 | case 'del':
56 | // 执行预删除方法
57 | if (data.length < 1) {
58 | layer.msg('请最少选择一条数据');
59 | } else {
60 | prepareDelete(data);
61 | }
62 | break;
63 | case 'export':
64 | // 执行导出选中数据
65 | exportFile(data);
66 | break;
67 | };
68 | });
69 |
70 | // 数据表格行监听表格工具栏按钮触发事件
71 | table.on('tool(${classNameLower}Table)', function(obj){
72 | // obj.data当前行数据,obj.event当前行点击事件
73 | if (obj.event === 'detail') {
74 | // 点击查看按钮触发事件
75 | viewDetail(obj.data);
76 | } else if (obj.event === 'edit') {
77 | // 点击修改按钮触发事件
78 | prepareUpdate(obj.data);
79 | } else if (obj.event === 'del') {
80 | // 点击删除按钮触发事件,将本身包装成数组调用批量删除方法
81 | var list = [];
82 | list.push(obj.data);
83 | prepareDelete(list);
84 | }
85 | });
86 |
87 | // 表单监听数据弹框提交事件
88 | form.on('submit(${classNameLower}Form)', function(data) {
89 | // data.field为当前提交form数据
90 | // console.log(JSON.stringify(data.field));
91 | // 执行保存或更新
92 | deal${classNameLower}();
93 | // 返回false防止页面刷新
94 | return false;
95 | });
96 |
97 | // 表单向导初始化
98 | $('#${classNameLower}SmartWizard').smartWizard({
99 | // 默认第一页
100 | selected: 0,
101 | // 主题
102 | theme: 'dots',
103 | // 下一步效果渐隐
104 | transitionEffect: 'fade',
105 | // 隐藏默认按钮,添加自定义按钮
106 | toolbarSettings: {
107 | showNextButton: false,
108 | showPreviousButton: false,
109 | toolbarExtraButtons: [
110 | $('