[转载]封装jQuery表格插件jqGrid,控件化jqGrid(三):查询,编辑,修改,删除

[转载]封装jQuery表格插件jqGrid,控件化jqGrid(三):查询,编辑,修改,删除 – 黑曜石 – 博客园.

上两篇:

封装 jQuery表格插件jqGrid,控件化jqGrid(一):显示

封装 jQuery表格插件jqGrid,控件化jqGrid(二):显示

本文将编码表格的动作功能,查询,编辑,修改和删除,并在文末附上源码,供大家参考,一起讨论,希望可以抛砖引玉!

一,在jqGrid.cs控件主体类中加入属性,用于控制这些功能的开关

#region 动作按钮
        private bool _search = false;
        private bool _add = false;
        private bool _edit = false;
        private bool _del = false;
        [Description("是否可查询,默认否")]
        public bool Search
        {
            get { return _search; }
            set { _search = value; }
        }
        [Description("是否可添加,默认否")]
        public bool Add
        {
            get { return _add; }
            set { _add = value; }
        }
        [Description("是否可编辑,默认否")]
        public bool Edit
        {
            get { return _edit; }
            set { _edit = value; }
        }
        [Description("是否可删除,默认否")]
        public bool Del
        {
            get { return _del; }
            set { _del = value; }
        }
        #endregion




相应的,需要在构造jqGrid页面JS时,构造相应的JS脚本,代码大家自己下源码可以看到。

二,做完了控件类,现在开始数据提供类的编码,这也是最核心的。

1)查询

可以用firebug看到jqGrid查询时,使用的是get方式,所以用Request.QueryString的方式取得控件传过来的值

看到传来的的_search参数控件查询的开关,当值为true时,查询打开

本控件仅使用复合查询的方式,并且默认使用“包含”,“大于等于”和“小于等于”,前者符合大部分的通用查询的要求,后者使得查询处理更简单些

其形式如:{“groupOp”:”AND”,”rules”: [{“field”:”email”,”op”:”cn”,”data”:”1″},{“field”:”orderno”,”op”:”ge”,”data”:”2″}]}

使用复合查询时,传过来的查询值是以json的方式包含在filters参数中的,因此,要使用其值,需要对其值进行JSON的反序列化,这里使用 DataContractJsonSerializer,需要在类中using System.Runtime.Serialization.Json,工程中也要加入其引用,其核心代码如下:

 
另外,还需要新建一个类,用于对应反序列化

 
注意类名上的DataContract声明和参数中的形如[DataMember(Name="groupOp")]的声明,这是反序列化所必须的,具体的大家可以搜索一下,这里就不做详细说明了

以上就完成了查询条件方面的参数分析和清理,现在对这些东东进行数据库交互

 

 
注意到or条件时,searchCase += " and (1<>1"这样的形式,这个小技巧,大家可以在sql中自己试试看,这样可以解决拼接SQL条件时or开头的问题,在第一篇中还有1=1的形式,同样的,也是可以解决and开头的问题。这个是我师傅教的,自认为是一个很牛比的小技巧。

查询至些就OVER了。

2)编辑,删除,添加

在设计控件之初,就为这个编辑伤脑筋,每个表的字段都不一样,类型也不一样,用反射吗,不灵活,也好麻烦,不能控件到细部

用entity framework吧,这个好,自动取到post过来的值,自动更新model,不过要依赖entity,更不通用。

后来想到配置用XML,问题一通百通,不管是表体的呈现灵活还是数据提供类的方面,都可以解决掉。

此三个功能都是使用post方式传递各项值,了解这点以后就很方便了,直接拼接SQL就可以完成这三个功能,很简单

 
文章有点长了,本来再慢慢写的,不过这几天很忙,一次写完吧,还是那句话,希望可以抛砖引玉。

这里是源码下载:http://files.cnblogs.com/bestfc/AspJqGrid.rar

使用方法:

web.config中加入


页面中加入jquery.js和jquery.ui.css后,写入

<AllenJqGrid:JqGrid ID="MyJqGrid" runat="server" TableName="orders" Search="true" Scroll="true" Add="true" Edit="true" Del="true" />,就OK了。

配置文件自动生成在页面文件所在目录,生成会判断是否有配置文件,有则读,无则生成后再读。
赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏