第一节:EasyUI常用手法

Posted chenze-index

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了第一节:EasyUI常用手法相关的知识,希望对你有一定的参考价值。

一丶常用属性

技术分享图片
 1     $(‘#j_dg_left‘).datagrid({
 2                 url: ‘/Stu_Areas/Stu/GradeList‘,
 3                 fit: true, // 自动适应父容器大小
 4                 singleSelect: true, //设置是否只能单选
 5                 loadMsg: ‘请稍等,正在拼命加载...‘,//加载数据的时候显示提示消息
 6                 fitColumns: true, //自动收缩列的大小
 7                 rownumbers: true, //是否加行号
 8               pagination: true, //是否显式分页
 9                 pageSize: 5, //页容量,必须和pageList对应起来,否则会报错
10                 pageNumber: 1, //默认显示第几页
11                 pageList: [5, 10, 15],//分页中下拉选项的数值
12                 checkOnSelect: true,//当用户点击行的时候该复选框就会被选中或取消选中。
13                 selectOnCheck: true,//单击复选框将永远选择行
14                 //固定列
15                 frozenColumns: [[
16                      { field: ‘gName‘, title: ‘年级名称‘, width:150, align: ‘center‘ },
17                 ]],
18                 //非固定列
19                 columns: [[
20                      { field: ‘gExplain‘, title: ‘年级说明‘, width: 150, align: ‘center‘ },
21                 ]],
22                 //单击单元格
23                 onClickRow: function (index, row) {
24                     dg_right.datagrid(‘load‘, {
25                         gId: row.gId,
26                     });
27                     gId = row.gId;
28                 },
29                 onLoadSuccess: function () {
30                     //修改全选按钮
31                     $(".datagrid-header-check").html("序号");
32                     $(".datagrid-header-check").parent().prev().html("");
33                     $(".datagrid-header-check").attr("style", "width:71px")
34                     var rows = dg_left.datagrid(‘getRows‘);
35                     if (rows.length > 0) {
36                         pageUtil.LoadGrid_Right(rows[0].gId);
37                     }
38                 },
39                 toolbar: [{
40                     text: ‘刷新‘,
41                     iconCls: ‘fa fa-refresh‘,
42                     handler: function () {
43                         pageUtil.Refresh();
44                     }
45                  }
46                  ,
47                   ‘-‘, {
48                       text: ‘取消选中‘,
49                       iconCls: ‘fa fa-undo‘,
50                       handler: function () {
51                           pageUtil.CancelSelected();
52                       }
53                   },
54                    ‘-‘, {
55                        text: ‘添加‘,
56                        iconCls: ‘fa fa-plus‘,
57                        handler: function () {
58                            pageUtil.AddStudent();
59                        }
60                    },
61                    ‘-‘, {
62                        text: ‘编辑‘,
63                        iconCls: ‘fa fa-edit‘,
64                        handler: function () {
65                            pageUtil.EditStudent();
66                        }
67                    },
68                   ‘-‘, {
69                       text: ‘删除‘,
70                       iconCls: ‘fa fa-remove‘,
71                       handler: function () {
72                           pageUtil.DelStudent();
73                       }
74                   },
75                 ],
76     })
View Code

 

以上是关于第一节:EasyUI常用手法的主要内容,如果未能解决你的问题,请参考以下文章

第一节数据绑定

php开发常用的实用方法(第一节)(电商开发微信支付宝开发常用)

php开发常用的实用方法(第一节)(电商开发微信支付宝开发常用)

htmlcss学习笔记:第一节常用的html标签

第一节:JavaString类介绍和常用方法

IOS开发-OC学习-常用功能代码片段整理