一个查询表达式生成器控件

     微软下一步要推出自己的 MVC 系统(Kao,java 有什么,它就要搞什么),将不再支持传统的 PostBack ,也就是说不在支持传统的页面生成周期,也就意味着很多在 WebForms 下开发的服务器控件都不能再使用了,统统报销。如果你选择了 MVC 开发模型,可能不得不放弃控件开发。其实我认为正是微软的服务器控件开发才大大推动了 .Net 平台的普及,各种版本的"TreeView 和 GridView ” 都历历在目。
    利用这个周末做了个查询表达式生成器,我实在无法忍受我现在项目中的查询方式,每次改变查询条件都要 PostBack 页面(又是PostBack),即使你不点击查询按钮。
    先来个图片:

一个查询表达式生成器控件

一个查询表达式生成器控件

一个查询表达式生成器控件
  实现无刷洗的改变搜索条件,可以通过 Ajax  在不同条件下给操作符和范围输入框赋予不同的值,但这样不利与控件的封装,关键是 Ajax 增加了页面与服务器和数据库的交互,降低系统性能。
  查询条件生成器控件,虽然也要从后台读取数据,但数据不会时时改变。所以我在页面 load 阶段将所有要用到的数据发向页面,通过 javascript 定义一个链表数据结构将数据保存,当改变查询条件时也不需要从后台重新获取数据。这是这个控件开发的关键。
一下是控件在 render 时期让页面接受服务器数据的代码:
        /// <summary>
        
/// 注册客户端特定脚本
        
/// </summary>
        
/// <param name="writer"></param>

         protected   override   void  Render(HtmlTextWriter writer)
        
{
            
base.Render(writer);
            
//将后台数据传送到前台
            StringBuilder onInitData = new StringBuilder();
            onInitData.AppendFormat(
"<Script language=\"javascript\" type=\"text/javascript\">{0}", Environment.NewLine);
            onInitData.AppendFormat(
"var expList = new Array();{0}", Environment.NewLine);
            onInitData.AppendFormat(
"var itemsExp ;{0}", Environment.NewLine);

            
for (int i = 0; i < ExpressionItems.Items.Count; i++)
            
{
                onInitData.AppendFormat(
"itemsExp = new ItemExpress('{0}','{1}');{2}", ExpressionItems.Items[i].Text, ExpressionItems.Items[i].Value, Environment.NewLine);
                
//onInitData.AppendFormat("itemsExp.onclick=\"alert('hello');\";{0}",Environment.NewLine);
                ListItemCollection lico = OperandLists.Lists[i];
                
{
                    
foreach (ListItem lio in lico)
                    
{
                        onInitData.AppendFormat(
"itemsExp.operandItems.push(new ItemBase('{0}','{1}'));{2}", lio.Text, lio.Value, Environment.NewLine);
                    }

                }


                ListItemCollection licv 
= ValueLists.Lists[i];
                
{
                    
foreach (ListItem liv in licv)
                    
{
                        onInitData.AppendFormat(
"itemsExp.valueItems.push(new ItemBase('{0}','{1}'));{2}", liv.Text, liv.Value, Environment.NewLine);
                    }

                }

                onInitData.AppendFormat(
"expList.push(itemsExp) ;{0}", Environment.NewLine);
            }


            onInitData.AppendFormat(
"</Script>{0}", Environment.NewLine);
            writer.Write(onInitData.ToString());

            StringBuilder onInitBuilder 
= new StringBuilder();
            onInitBuilder.AppendFormat(
"<Script language=\"javascript\" type=\"text/javascript\">{0}", Environment.NewLine);
            
////构造新对象 ExpressionBuilder .
            onInitBuilder.AppendFormat("var expressionBuilder = new ExpressionBuilder(");
            onInitBuilder.AppendFormat(
"{1}('{0}_ExpressionListBox'),{1}('{0}_OperandListBox'),{1}('{0}_ValueDiv'),{1}('{0}_AddBtn'),{1}('{0}_DelBtn'),{1}('{0}_ExpressionResultListBox'),expList,'{0}');"this.ClientID, "document.getElementById");
            onInitBuilder.AppendFormat(Environment.NewLine);
            onInitBuilder.AppendFormat(
"</Script>");
            writer.Write(onInitBuilder.ToString()); 
        }

 剩下的事情就是如何让控件响应用户的事件,这都是 javascript 的事情了。
    initialize:function()
    
{
        
this.buildExpressionListBox();
        AddEventHandler(
this.addBtn,"click",this.addConditionHandle);
        AddEventHandler(
this.delBtn,"click",this.delConditionHandle);
    }
,

先说到这里,如果需要代码请通过 msn 与我联系。还有看帖要回。

你可能感兴趣的:(表达式)