zoukankan      html  css  js  c++  java
  • 用.net的GetCallbackEventReference函数来实现dropDownList联动的ajax效果

    前台HTML代码:

     1 <html xmlns="http://www.w3.org/1999/xhtml" >
     2 <head runat="server">
     3     <title>DropWownList联动</title>
     4     <script type="text/javascript">
     5     function CallServer(arg)
     6     {
     7         var classId=arg.options[arg.selectedIndex].value;
     8         <% =GetCallBackString %>
     9         
    10     }
    11     function ReceiveServerData(timeMessage)
    12     { 
    13         //处理服务器返回的字符串,填充dropdownList2
    14         var oObject = eval('(' + timeMessage + ')');//由于从服务器返回的是json数据格式,在此用eval()函数来解析成js的对象
    15         var ddl=document.getElementById("DropDownList2");
    16         ddl.options.length=0;
    17         for(var i=0;i<oObject.length;i++)
    18         {
    19             var news=oObject[i];
    20             var opt=new Option(news.title,news.newsId);
    21             ddl.add(opt);
    22             
    23         }
    24     } 
    25     </script>
    26 </head>
    27 <body>
    28     <form id="form1" runat="server">
    29     <div>
    30         <asp:DropDownList ID="DropDownList1" runat="server" onchange="CallServer(this);">
    31         </asp:DropDownList>
    32         <asp:DropDownList ID="DropDownList2" runat="server">
    33         </asp:DropDownList>
    34 </div>
    35          
    36     </form>
    37 </body>
    38 </html>

    C#代码:

     1 using System;
     2 using System.Data;
     3 using System.Configuration;
     4 using System.Collections;
     5 using System.Web;
     6 using System.Web.Security;
     7 using System.Web.UI;
     8 using System.Web.UI.WebControls;
     9 using System.Web.UI.WebControls.WebParts;
    10 using System.Web.UI.HtmlControls;
    11 using HnDB;
    12 using System.Text;
    13 
    14 public partial class dropDownList : System.Web.UI.Page,System.Web.UI.ICallbackEventHandler
    15 {
    16     IHnDB sqlDB;
    17     DataSet ds = new DataSet();
    18     string sqlstr = "";
    19     public string GetCallBackString;
    20     protected void Page_Load(object sender, EventArgs e)
    21     {
    22         ClientScriptManager cm = Page.ClientScript;//管理客户端JS的类
    23         //下面这个函数获取一个对客户端回调的引用
    24         //参数说明
    25         //1.this 表示当前页面对象,它可以是page类,也可以是control,但是都必须实现System.Web.UI.ICallbackEventHandler接口
    26         //2."classId"从客户端传来的参数
    27         //3.客户端回调函数名称
    28         //4.返回值为字符串,其本质为一个js函数供客户端调用
    29         GetCallBackString = cm.GetCallbackEventReference(this"classId""ReceiveServerData""");
    30 
    31         //以下初始界面,绑定dropdownList
    32         sqlstr = "select classid,classname from dbo.NewsClass";
    33         string assemblyName = ConfigurationManager.AppSettings["assemblyName"].ToString();
    34         string className = ConfigurationManager.AppSettings["className"].ToString();
    35         string conStr = ConfigurationManager.ConnectionStrings["conStr"].ToString();
    36         sqlDB = (new DbFactory(assemblyName, className, conStr)).HnDB;
    37         ds=sqlDB.GetDataSet(sqlstr);
    38         DropDownList1.DataSource = ds.Tables[0].DefaultView;
    39         DropDownList1.DataTextField = "classname";
    40         DropDownList1.DataValueField = "classid";
    41         DropDownList1.DataBind();
    42         ListItem list = new ListItem("-未选择-""0");
    43         DropDownList1.Items.Insert(0, list);
    44         
    45 
    46     }
    47     private string returnStr;
    48     //接收客户端的数据进行处理
    49     public void RaiseCallbackEvent(string eventArgument)
    50     {
    51         sqlstr = "select NewsID,title from dbo.News WHERE CLASSID=" + eventArgument;
    52         ds = sqlDB.GetDataSet(sqlstr);
    53         StringBuilder sb=new StringBuilder();
    54         sb.Append("[");
    55         for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
    56         {
    57             sb.Append("{");
    58             sb.Append("newsId:"+ds.Tables[0].Rows[i]["NewsID"].ToString()+",");
    59             sb.Append("title:\"" + ds.Tables[0].Rows[i]["title"].ToString()+"\"");
    60             if (i == ds.Tables[0].Rows.Count - 1)
    61                 sb.Append("}");
    62             else
    63                 sb.Append("},");
    64         }
    65         sb.Append("]");
    66         returnStr = sb.ToString();
    67         return;
    68     }
    69 
    70     //将处理的数据返回给客户端调用
    71     public string GetCallbackResult()
    72     {
    73         return returnStr;
    74     }
    75 
    76 }
    77 
  • 相关阅读:
    这篇通俗实用的Vlookup函数教程,5分钟就可以包你一学就会
    nginx 常见正则匹配符号表示
    Nginx if 条件判断
    nginx 将请求全部指向到一个页面
    windows10下面部署nginx(解决文件名中文乱码问题)
    二.Nginx反向代理和静态资源服务配置
    Nginx的使用(一)代理静态文件
    使用Nginx反向代理和内容替换模块实现网页内容动态替换功能
    如何让NGINX显示文件夹目录
    Nginx 如何设置反向代理 多服务器,配置区分开来,单独文件保存单个服务器 server 主机名配置,通过 include 实现
  • 原文地址:https://www.cnblogs.com/xnxylf/p/1662380.html
Copyright © 2011-2022 走看看