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 }

 http://files.cnblogs.com/337212522/DataGrid.rar

附控件源码

转载于:https://www.cnblogs.com/337212522/archive/2010/05/10/1731627.html