封装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，工程中也要加入其引用，其核心代码如下：
//反序列化json
string conditions = HttpUtility.UrlDecode(context.Request.QueryString["filters"].ToString());
var mStream = new MemoryStream(Encoding.UTF8.GetBytes(conditions)); //解决中文乱码问题
//var mStream = new MemoryStream(Encoding.Unicode.GetBytes(conditions));
DataContractJsonSerializer dcjson = new DataContractJsonSerializer(typeof(jqGridFilter));
jqGridFilter filters = (jqGridFilter)dcjson.ReadObject(mStream);
//jqGridFilter filters = (jqGridFilter)dcjson.ReadObject(mStream);
另外，还需要新建一个类，用于对应反序列化
[DataContract]
class jqGridFilter
{
// {"groupOp":"AND","rules":[{"field":"email","op":"cn","data":"1"},{"field":"orderno","op":"ge","data":"2"}]}
private string groupOp = "AND";
private List<jqGridFilterRules> jqGridFilterRulesList;
[DataMember(Name="groupOp")]
public string GroupOp
{
get { return groupOp; }
set { groupOp = value; }
}
[DataMember(Name = "rules")]
public List<jqGridFilterRules> JqGridFilterRulesList
{
get { return jqGridFilterRulesList; }
set { jqGridFilterRulesList = value; }
}
}
[DataContract]
class jqGridFilterRules
{
private string field;
private string op;
private string data;
[DataMember(Name = "field")]
public string Field
{
get { return field; }
set { field = value; }
}
[DataMember(Name = "op")]
public string Op
{
get { return op; }
set { op = value; }
}
[DataMember(Name = "data")]
public string Data
{
get { return data; }
set { data = value; }
}
}
注意类名上的DataContract声明和参数中的形如[DataMember(Name="groupOp")]的声明，这是反序列化所必须的，具体的大家可以搜索一下，这里就不做详细说明了
以上就完成了查询条件方面的参数分析和清理，现在对这些东东进行数据库交互
if (filters.GroupOp == "AND")
{
foreach(jqGridFilterRules rules in filters.JqGridFilterRulesList)
{
switch (rules.Op)
{
case "cn":
searchCase += " and " + rules.Field + " like '%" + rules.Data + "%'";
break;
case "ge":
searchCase += " and " + rules.Field + ">='" + rules.Data + "'";
break;
case "le":
searchCase += " and " + rules.Field + "<='" + rules.Data + "'";
break;
default:
break;
}
}
}
else
{
searchCase += " and (1<>1";
foreach (jqGridFilterRules rules in filters.JqGridFilterRulesList)
{
switch (rules.Op)
{
case "cn":
searchCase += " or " + rules.Field + " like '%" + rules.Data + "%'";
break;
case "ge":
searchCase += " or " + rules.Field + ">='" + rules.Data + "'";
break;
case "le":
searchCase += " or " + rules.Field + "<='" + rules.Data + "'";
break;
default:
break;
}
}
searchCase += ")";
}
注意到or条件时，searchCase += " and (1<>1"这样的形式，这个小技巧，大家可以在sql中自己试试看，这样可以解决拼接SQL条件时or开头的问题，在第一篇中还有1=1的形式，同样的，也是可以解决and开头的问题。这个是我师傅教的，自认为是一个很牛比的小技巧。
查询至些就OVER了。
2）编辑，删除，添加
在设计控件之初，就为这个编辑伤脑筋，每个表的字段都不一样，类型也不一样，用反射吗，不灵活，也好麻烦，不能控件到细部
用entity framework吧，这个好，自动取到post过来的值，自动更新model，不过要依赖entity，更不通用。
后来想到配置用XML，问题一通百通，不管是表体的呈现灵活还是数据提供类的方面，都可以解决掉。
此三个功能都是使用post方式传递各项值，了解这点以后就很方便了，直接拼接SQL就可以完成这三个功能，很简单
#region 添?加ó，?修T改?，?删?除y
case "edit":
string tableName = context.Request.QueryString["tablename"].ToString();
string idKey = string.Empty;
string oper = context.Request.Form["oper"].ToString();
string xmlPath = System.AppDomain.CurrentDomain.BaseDirectory + tableName + ".xml";
StringBuilder sb;
XmlDocument xmlDoc = new XmlDocument();
XmlNodeList xnList = xmlDoc.SelectNodes("root//columns");
xmlDoc.Load(xmlPath);
foreach (XmlNode xn in xnList)
{
if (xn.Attributes["IsIdentity"] != null)
{
idKey = xn.Attributes["name"].Value;
}
}
switch (oper)
{
case "edit":
sb = new StringBuilder();
sb.Append("update " + tableName + " set ");
foreach (XmlNode xn in xnList)
{
if (xn.Attributes["IsIdentity"] == null || xn.Attributes["IsIdentity"].Value == "False")
{
if (context.Request.Form[xn.Attributes["name"].Value].ToString() != string.Empty)
{
if (xn.Attributes["sorttype"].Value == "int" || xn.Attributes["sorttype"].Value == "float")
{
sb.Append(xn.Attributes["name"].Value + "=" + HttpUtility.UrlDecode(context.Request.Form[xn.Attributes["name"].Value].ToString()) + ",");
}
else
{
sb.Append(xn.Attributes["name"].Value + "='" + HttpUtility.UrlDecode(context.Request.Form[xn.Attributes["name"].Value].ToString()) + "',");
}
}
}
}
sb.Remove(sb.Length - 1, 1);
sb.Append(" where id=" + context.Request.Form[idKey].ToString());
SqlHelper.ExecuteNonQuery(sb.ToString());
break;
case "add":
sb = new StringBuilder();
StringBuilder fieldstr = new StringBuilder();
StringBuilder valuestr = new StringBuilder();
foreach (XmlNode xn in xnList)
{
if (xn.Attributes["IsIdentity"] == null || xn.Attributes["IsIdentity"].Value == "False")
{
if (context.Request.Form[xn.Attributes["name"].Value].ToString() != string.Empty)
{
fieldstr.Append(xn.Attributes["name"].Value + ",");
if (xn.Attributes["sorttype"].Value == "int" || xn.Attributes["sorttype"].Value == "float")
{
valuestr.Append(HttpUtility.UrlDecode(context.Request.Form[xn.Attributes["name"].Value].ToString()) + ",");
}
else
{
valuestr.Append("'" + HttpUtility.UrlDecode(context.Request.Form[xn.Attributes["name"].Value].ToString()) + "',");
}
}
}
}
fieldstr.Remove(fieldstr.Length - 1, 1);
valuestr.Remove(valuestr.Length - 1, 1);
sb.Append("insert into " + tableName + " (");
sb.Append(fieldstr.ToString());
sb.Append(") values (");
sb.Append(valuestr.ToString());
sb.Append(")");
SqlHelper.ExecuteNonQuery(sb.ToString());
break;
case "del":
string sql="delete from "+tableName+" where id="+context.Request.Form[idKey].ToString();
SqlHelper.ExecuteNonQuery(sql);
break;
default:
break;
}
#endregion
文章有点长了，本来再慢慢写的，不过这几天很忙，一次写完吧，还是那句话，希望可以抛砖引玉。
这里是源码下载：https://files.cnblogs.com/bestfc/AspJqGrid.rar
使用方法：
web.config中加入
<pages>
<controls>
<add tagPrefix="AllenJqGrid" assembly="AspJqGrid" namespace="AspJqGrid" />
</controls>
</pages>
<httpHandlers>
<add path="data.ashx" verb="*" type="AspJqGrid.AjaxData,AspJqGrid"/>
</httpHandlers>
页面中加入jquery.js和jquery.ui.css后，写入
<AllenJqGrid:JqGrid ID="MyJqGrid" runat="server" TableName="orders" Search="true" Scroll="true" Add="true" Edit="true" Del="true" />，就OK了。
配置文件自动生成在页面文件所在目录，生成会判断是否有配置文件，有则读，无则生成后再读。
