今天试了一下ajax dropdownlist联动,实际上是先写在一个XmlTextWriter(Response.OutputStream,然后再response回去(等同于一个XML),里面有很多要注意的地方,比如dropdownlist的清空,遍历X

转载 2007年10月11日 19:31:00

 

今天试了一下ajax dropdownlist联动,实际上是先写在一个XmlTextWriter(Response.OutputStream,然后再response回去(等同于一个XML),里面有很多要注意的地方,比如dropdownlist的清空,遍历XML,等等,都用红色标记了,网上的例子很多,但不一定对,经过一番调试,终于OK了,

test1.aspx 

<%@ Page language="c#" Codebehind="test1.aspx.cs" AutoEventWireup="false" Inherits="SC.test1" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
 <HEAD>
  <title>test1</title>
  <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
  <meta name="CODE_LANGUAGE" Content="C#">
  <meta name="vs_defaultClientScript" content="JavaScript">
  <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
  <script language="javascript">  
              function   load(statevalue){  
                var   drp2   =   document.getElementById("DropDownList2");  
                   //清空DropDownList2
                      while(drp2.length > 0)
                      { drp2.options.remove(0);}

                      //
                 var   oHttpReq   =   new   ActiveXObject("MSXML2.XMLHTTP");  
                var   oDoc   =   new   ActiveXObject("MSXML2.DOMDocument");  
               // alert(statevalue);
                oHttpReq.open("POST",   "test2.aspx?statevalue="+statevalue,   false);  
                oHttpReq.send("");  
                result   =   oHttpReq.responseText;
                oDoc.loadXML(result);
               // alert(result); 
                var nodes = oDoc.documentElement.childNodes;
                  for(i=0;i<nodes.length;i++)
                  {
                    var PP = nodes[i].childNodes;
                   var newOption = document.createElement("OPTION");
                   
          newOption.text = PP[0].text ;
          newOption.value = PP[1].text;
                 
                  drp2.options.add(newOption);
                }
                  
  
                  
              }  
              function change(obj)
              {
              alert(obj.options[obj.selectedIndex].value);
                document.getElementById("tip").value = obj.options[obj.selectedIndex].value;
              }
  </script>
 </HEAD>
 <body MS_POSITIONING="GridLayout">
  <form id="Form1" method="post" runat="server">
   <asp:DropDownList id="DropDownList1" runat="server"></asp:DropDownList>
   <asp:DropDownList id="DropDownList2" runat="server"></asp:DropDownList>
   <asp:TextBox ID="tip" Runat="server"></asp:TextBox>
   <asp:Button id="Button1" style="Z-INDEX: 101; LEFT: 352px; POSITION: absolute; TOP: 32px" runat="server"
    Text="Button"></asp:Button>
  </form>
 </body>
</HTML>


 

test1.aspx.cs

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Text;
using System.Xml;
using System.Data.SqlClient;
using MyConfig;
using Microsoft.ApplicationBlocks.Data;
using AjaxPro;

namespace SC
{
 /// <summary>
 /// test1 的摘要描述。
 /// </summary>
 public class test1 : System.Web.UI.Page
 {
  protected System.Web.UI.WebControls.DropDownList DropDownList1;
  protected System.Web.UI.WebControls.TextBox tip;
  protected System.Web.UI.WebControls.Button Button1;
  protected System.Web.UI.WebControls.DropDownList DropDownList2;
 
  private void Page_Load(object sender, System.EventArgs e)
  {
   // 在這裡放置使用者程式碼以初始化網頁
   if(!this.IsPostBack)
   { 
    SqlConnection   con   =   new   SqlConnection(MyConfig.MyConfigSectionHandler.ConnectionString);  
    con.Open();
    SqlDataAdapter   da   =   new   SqlDataAdapter("select   State,statevalue   from   Astate ",con);  
    DataSet   ds   =   new   DataSet();

    da.Fill(ds);
    con.Close();
    this.DropDownList1.DataSource = ds.Tables[0];
    this.DropDownList1.DataTextField   =   "State";  
    this.DropDownList1.DataValueField   =   "statevalue";  
    this.DropDownList1.DataBind();  
    this.DropDownList1.Attributes.Add("onchange","load(this.options[this.selectedIndex].value)"); 
    this.DropDownList2.Attributes.Add("onchange","change(this)");
   }
  }

  #region Web Form 設計工具產生的程式碼
  override protected void OnInit(EventArgs e)
  {
   //
   // CODEGEN: 此為 ASP.NET Web Form 設計工具所需的呼叫。
   //
   InitializeComponent();
   base.OnInit(e);
  }
  
  /// <summary>
  /// 此為設計工具支援所必須的方法 - 請勿使用程式碼編輯器修改
  /// 這個方法的內容。
  /// </summary>
  private void InitializeComponent()
  {   
   this.Button1.Click += new System.EventHandler(this.Button1_Click);
   this.Load += new System.EventHandler(this.Page_Load);

  }
  #endregion

  private void Button1_Click(object sender, System.EventArgs e)
  {
   Response.Write(this.tip.Text);
  }
 }
}
 

test2.aspx. 

<%@ Page language="c#" Codebehind="test2.aspx.cs" AutoEventWireup="false" Inherits="SC.test2" %>

test2.aspx.cs

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Text;
using System.Xml;
using System.Data.SqlClient;
using MyConfig;
using Microsoft.ApplicationBlocks.Data;
using AjaxPro;

namespace SC
{
 /// <summary>
 /// test2 的摘要描述。
 /// </summary>
 public class test2 : System.Web.UI.Page
 {
  private void Page_Load(object sender, System.EventArgs e)
  {
   // 在這裡放置使用者程式碼以初始化網頁

   if(this.Request["statevalue"]!=null)
   {  
    string   statevalue   =   this.Request["statevalue"].ToString();  
    SqlConnection   con   =   new   SqlConnection(MyConfig.MyConfigSectionHandler.ConnectionString);  
    
    SqlDataAdapter   da   =   new   SqlDataAdapter("select  city,cityvalue   from   Acity   where   statevalue   =   '"+statevalue+"'",con);  
    DataSet   ds   =   new   DataSet("thiscity");  
    da.Fill(ds);
    
    string   filename   =   "c://myxml.xml";  
    System.IO.FileStream   myFileStream   =   new   System.IO.FileStream(filename,System.IO.FileMode.Create);  
    ds.WriteXml(myFileStream);  
    myFileStream.Close();

/*写出来是这样的XML文件

<thiscity>
  <Table>
    <city>韶關</city>
    <cityvalue>4</cityvalue>
  </Table>
  <Table>
    <city>廣州</city>
    <cityvalue>5</cityvalue>
  </Table>
  <Table>
    <city>汕頭</city>
    <cityvalue>6</cityvalue>
  </Table>
</thiscity>

*/

    XmlTextWriter   writer   =   new    XmlTextWriter(Response.OutputStream,   Response.ContentEncoding);  
    writer.Formatting   =   Formatting.Indented;  
    writer.Indentation   = 4;  
    writer.IndentChar   =' ';  
    ds.WriteXml(writer);  
    writer.Flush();  
    Response.End();  
    writer.Close();  

    


   }
  }

  #region Web Form 設計工具產生的程式碼
  override protected void OnInit(EventArgs e)
  {
   //
   // CODEGEN: 此為 ASP.NET Web Form 設計工具所需的呼叫。
   //
   InitializeComponent();
   base.OnInit(e);
  }
  
  /// <summary>
  /// 此為設計工具支援所必須的方法 - 請勿使用程式碼編輯器修改
  /// 這個方法的內容。
  /// </summary>
  private void InitializeComponent()
  {   
   this.Load += new System.EventHandler(this.Page_Load);

  }
  #endregion
 }
}

 

xml读写小结

 读写xml所有节点个人小结 读:    //打开某文件(假设web.config在根目录中)    string filename=Server.MapPath("/") + @"WebApplic...
  • MaleLionOfWakeUp
  • MaleLionOfWakeUp
  • 2008年03月18日 09:40
  • 681

asp.net js实现dropdownlist二级联动(动态)

ASPX端代码: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/...
  • lishimin1012
  • lishimin1012
  • 2014年06月26日 21:06
  • 3195

【.net基础】--DropDownList控件:两级联动

最近学习Asp.Net,发现很多控件都很有意思,例如:Canlender,AdRotator等。以前只知道有这样的页面效果,但是对这些控件了解并不多。不怕不知道,就怕不知道。...
  • successA
  • successA
  • 2015年05月11日 16:45
  • 1660

YII widget之dropDownList的二级联动与分组

第一建表: CREATE TABLE IF NOT EXISTS `sw_category` ( `id` int(11) NOT NULL auto_increment, `parent_i...
  • slyjit
  • slyjit
  • 2013年12月09日 16:00
  • 1858

yii 下拉列表多级联动 dropDownList

视图: cdnauto/views/config/index.php echo CHtml::dropDownList('node', '', CHtml::listData(Node::...
  • ysdaniel
  • ysdaniel
  • 2013年06月27日 16:57
  • 7870

为下拉式菜单(DropDownList)添加第一个选项

很多方法可以为为下拉式菜单(DropDownList)添加第一个选项,下面是Insus.NET小结了几个方法,仅供参考: Html code: View Code   数据...
  • linshichen
  • linshichen
  • 2016年07月13日 19:21
  • 3204

WebForm使用JQuery实现DropDownList无刷新联动

原来用的微软封装的Ajax控件UpdatePannel和ScriptManager去实现无刷新联动,但一直出现意料之外的现象导致不正常联动。单独的做demo就没事,放到系统中就出问题,经过调试之后仍然...
  • wlccomeon
  • wlccomeon
  • 2014年11月30日 22:02
  • 5138

dropdownlist控件取值用法介绍

今天打算学习下dropdownlist控件的取值,当你通过数据库控件或dataset绑定值后,但又希望显示指定的值,这可不是简单的值绑定就OK,上网搜了一些资料,想彻底了解哈,后面发现其中有这么大的奥...
  • u014194763
  • u014194763
  • 2016年09月28日 14:18
  • 421

DropDownList绑定数据表实现两级联动

场景一:平时我们在DropDownList控件下添加下拉选项时,都会使用它的Item.Add方法,直接在代码下添加。如果我们想添加或修改下拉选项,则必须去修改源代码。如果几个DropDownList控...
  • quwenzhe
  • quwenzhe
  • 2014年03月11日 13:39
  • 2158

DropDownList数据绑定第一项为空

我们在进行数据绑定时通常把一个表的某个字段绑定到DropDownList中,我们以pubs库的jobs表为例子,我们在显示时显示job_desc字段,values值绑定job_id字段。 方法一: ...
  • liuwei1128
  • liuwei1128
  • 2014年03月14日 21:36
  • 1181
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:今天试了一下ajax dropdownlist联动,实际上是先写在一个XmlTextWriter(Response.OutputStream,然后再response回去(等同于一个XML),里面有很多要注意的地方,比如dropdownlist的清空,遍历X
举报原因:
原因补充:

(最多只允许输入30个字)