jQuery+asp.net 封装的一个自定义控件,自主分页,查
上源码,(fw3.5)
效果图:
拖入页面设计 绑定dataset, 简单设置即可, 无需考虑分页问题
系统采用反射机制 自动Ajax分页 自动Ajax实现查询
设置代码
代码
1
protected
void
Page_Load(
object
sender, EventArgs e)
2
{
3
if
(
!
IsPostBack)
4
{
5
/*
本代码只限交流学习使用,勿用于商业用途 系统难免存在bug 本人不承担一切后果.... 盗版不究...
6
* QQ:337212522
7
*
8
*
9
web.config加入
10
<add path="zlddDoNet.ashx" verb="*" type="DataGridView.AjaxHandlerFactory,zlddian"/>
11
*/
12
13
///
创建列数组
14
zlddian.ColumnType[] c
=
new
zlddian.ColumnType[
5
];
15
16
//
第0列
17
c[
0
]
=
new
zlddian.ColumnType();
18
c[
0
].HeaderText
=
"
编号
"
;
//
表头第0列的标题
19
c[
0
].DataField
=
"
CDUMsg_ID
"
;
//
第0列绑定的字段 该字段必须存在于dataset 中.
20
c[
0
].Sortable
=
true
;
//
是否启用排序
21
//
c[0].Visible = false;
////
/鬼都知道...不说了
22
23
24
25
//
第1列
26
c[
1
]
=
new
zlddian.ColumnType();
27
c[
1
].HeaderText
=
"
企业ID
"
;
28
c[
1
].DataField
=
"
CDUMsg_ComID
"
;
29
c[
1
].Width
=
50
;
//
设定该列的宽度
30
c[
1
].Sortable
=
true
;
31
c[
1
].Align
=
"
center
"
;
//
对齐方式
32
33
c[
2
]
=
new
zlddian.ColumnType();
34
c[
2
].HeaderText
=
"
标题
"
;
35
c[
2
].DataField
=
"
CDUMsg_Titile
"
;
36
c[
2
].Width
=
200
;
37
38
39
c[
3
]
=
new
zlddian.ColumnType();
40
c[
3
].HeaderText
=
"
正文
"
;
41
c[
3
].DataField
=
"
CDUMsg_Context
"
;
42
c[
3
].Width
=
259
;
43
44
45
c[
4
]
=
new
zlddian.ColumnType();
46
c[
4
].HeaderText
=
"
更新时间
"
;
47
c[
4
].DataField
=
"
CDUMsg_UpdateTime
"
;
48
49
///
自定义一列
50
zlddian.CusCol cus
=
new
zlddian.CusCol();
51
cus.ArgsFieldIndex
=
"
0
"
;
//
参数所在的表格中的索引(通常是ID) 注意:是生成的表格中,不是dataset中
52
cus.ArgsName
=
"
CDUMsg_ID,CDUMsg_ID
"
;
//
参数的字段名称 这里创建了2个操作
53
cus.HeaderText
=
"
详情
"
;
//
表头显示的文字
54
cus.Text
=
"
添加,修改
"
;
//
表格内容单元格显示的文字 这里创建了2个操作[添加和修改] 此处若有多个请用","号隔开
55
cus.Url
=
"
http://www.baidu.com/s,http://g.cn/
"
;
//
链接所指向的地址, (可以扩展 调用js方法... 提供思路了...
56
cus.Width
=
150
;
//
注:ArgsName,Text,Url 如有多个请用","号隔开 他们的属性值若以","号隔开,其数量必须相等. 示例中都是2个.
57
58
DataGridView1.BoundField
=
c;
//
将列绑定到控件
59
DataGridView1.CustomizeColumns
=
cus;
//
将自定义列绑定到控件
60
DataGridView1.Width
=
830
;
61
DataGridView1.PageSize
=
10
;
//
..设置每页显示的个数
62
DataGridView1.SetConfig(
"
jqgrid._Default
"
,
"
test
"
,
"
jqgrid
"
);
//
控件的配置项
63
//
第一个参数:获取数据源方法所在的类名
64
//
第二个参数:获取数据源的方法
65
//
第三个参数:程序集名称
66
//
分页操作已封装到方法内部,如果数据比较庞大....
67
68
69
DataGridView1.TitleStyle
=
"
color:\
"
red\
"
,\
"
text
-
align\
"
:\
"
center\
""
;
//
设置表头的样式
70
DataGridView1.Title
=
"
flexGrid 的表头示例
"
;
//
设置表头的文字 若为空 则不显示表头
71
72
DataGridView1.ShowDeleteBtn
=
false
;
//
隐藏删除按钮 点击后回调方法 见前台页面
73
DataGridView1.ShowAddBtn
=
true
;
//
显示按钮
//
/
74
//
DataGridView1.customizeBtn=
//
自定义按钮.. 尚未完成... - -!!!
75
}
76
}