三层MVC框架

1 #tb_SaleOrder > thead th {
2         padding: 0;
3         margin: 0;
4         background-color: #d9edf7;
5     }

1 #tb_SaleOrder tbody > tr:hover {
2         background-color: #449d44;
3     }

1 //刷新bootstrap-table
2     function refleshBootStrapTable() {
3         $("#tb_SaleOrder").bootstrapTable(‘refresh‘);
4     }

 1 /*
 2 弹出对话框（带：确认按钮、取消按钮）
 3 */
 4 function openDialog(url, _id, _title, _width, _height, callBack) {
 5     Loading(true);
 6     top.$.dialog({
 7         id: _id,
 8         width: _width,
 9         height: _height,
10         max: false,
11         lock: true,
12         title: _title,
13         resize: false,
14         extendDrag: true,
15         content: ‘url:‘ + RootPath() + url,
16         ok: function () {
17             callBack(_id);
18             return false;
19         },
20         cancel: true
21     });
22 }

 1 var InitTable = function (url) {
 2     //先销毁表格
 3     $(‘#tb_SaleOrder‘).bootstrapTable("destroy");
 4     //加载表格
 5     $(‘#tb_SaleOrder‘).bootstrapTable({
 6         rowStyle: function (row, index) {//row 表示行数据，object,index为行索引，从0开始
 7             var style = "";
 8             if (row.SignInTime == ‘‘ || row.SignOutTime==‘‘) {
 9                 style = { css: { ‘color‘: ‘red‘ } };
10             }
11             return  style;
12         },
13         //searchAlign: ‘left‘,
14         //search: true,   //显示隐藏搜索框
15         showHeader: true,     //是否显示列头
16         //classes: ‘table-no-bordered‘,
17         showLoading: true,
18         undefinedText: ‘‘,
19         showFullscreen: true,
20         toolbarAlign: ‘left‘,
21         paginationHAlign: ‘right‘,
22         silent: true,
23         url: url,
24         method: ‘get‘,                      //请求方式（*）
25         toolbar: ‘#toolbar‘,                //工具按钮用哪个容器
26         striped: true,                      //是否显示行间隔色
27         cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
28         pagination: true,                   //是否显示分页（*）
29         sortable: false,                     //是否启用排序
30         sortOrder: "asc",                   //排序方式
31         //queryParams: InitTable.queryParams,  //传递参数（*）
32         sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
33         pageNumber: 1,                       //初始化加载第一页，默认第一页
34         pageSize: 10,                       //每页的记录行数（*）
35         pageList: [2, 5, 10, 15],        //可供选择的每页的行数（*）
36         search: false,                      //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
37         strictSearch: true,
38         showColumns: true,                  //是否显示所有的列
39         showRefresh: true,                  //是否显示刷新按钮
40         minimumCountColumns: 2,             //最少允许的列数
41         clickToSelect: true,                //是否启用点击选中行
42         //height: 680,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
43         uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
44         showToggle: true,                    //是否显示详细视图和列表视图的切换按钮
45         cardView: false,                    //是否显示详细视图
46         detailView: false,                   //是否显示父子表
47         showExport: true,
48         //exportDataType: ‘all‘,
49         exportDataType: "selected",        //导出checkbox选中的行数
50         paginationLoop: false,             //是否无限循环
51         columns: [{
52             checkbox: true
53         }, {
54                 field: ‘OrderNO‘,
55                 title: ‘订单编号‘
56         }, {
57                 field: ‘ProductNo‘,
58                 title: ‘产品编号‘
59         }, {
60                 field: ‘CustName‘,
61                 title: ‘客户姓名‘
62         }, {
63                 field: ‘CustAddress‘,
64                 title: ‘客户地址‘,
65         }, {
66                 field: ‘CustPhone‘,
67                 title: ‘客户电话‘,
68         }, {
69                 field: ‘CustCompany‘,
70                 title: ‘客户公司‘,
71         }, {
72                 field: ‘CreateDateTime‘,
73                 title: ‘订单创建时间‘,
74         }, {
75                 field: ‘UpdateDateTime‘,
76                 title: ‘订单更新时间‘,
77         }]
78     });
79     return InitTable;
80 };