Ajax CascadingDropDown DropDownList 二级联动 再绑定数据 丢失数据 处理
2008-11-11 22:20
519 查看
于怎么用ajax控件CascadingDropDown来实现多级联动绑定。
网络上很多实现多级联动(simple: 二级联动,比如第一个dropdown是省,选择了第一个才能出现第二个dropdown是市)的实例,这个就省略了。
这里介绍,如何将保存的数据重新绑定到ajax控件中。
前提:1. 我用SqlDataSource用来绑定“省”, 用ajax:CascadingDropDown来映射“市”。
2. 市的数据来自web service, 当省被选定的时候,就向web service中传省值return的子集市。
步骤:1. 在省的绑定后事件中绑定 省的保存值
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
protected void ddlDivisions_DataBound(object sender, EventArgs e)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
ddlDivisions.Items.FindByValue(Profile.ApprovalFilterParameters.DivisionId.ToString()).Selected = true;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockEnd.gif)
}
2. 在Page_load事先把cdd(CascadingDropDown)的SelectValue设定好,把套先放好,等这数据子集过来撞。
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
if (!IsPostBack)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
if(Profile.ApprovalFilterParameters.Saved)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
cddOffices.SelectedValue = Profile.ApprovalFilterParameters.OfficeId.ToString();
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockEnd.gif)
}
这样的话,在client side,ajax控件自动会检索省的设置,自行从web service取子集合,然后将“市”drop down绑定,但是由于之前已经设定了selectedValue,这样的话就可以实现多级联动的再绑定了。
来自 http://blog.csdn.net/camel0564/archive/2008/01/28/2070174.aspx
个人觉得如果省也是web service取数据的话 不用数据绑定事件 直接 cddoffices.selectvalue=值 也行.
网络上很多实现多级联动(simple: 二级联动,比如第一个dropdown是省,选择了第一个才能出现第二个dropdown是市)的实例,这个就省略了。
这里介绍,如何将保存的数据重新绑定到ajax控件中。
前提:1. 我用SqlDataSource用来绑定“省”, 用ajax:CascadingDropDown来映射“市”。
2. 市的数据来自web service, 当省被选定的时候,就向web service中传省值return的子集市。
步骤:1. 在省的绑定后事件中绑定 省的保存值
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
protected void ddlDivisions_DataBound(object sender, EventArgs e)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
ddlDivisions.Items.FindByValue(Profile.ApprovalFilterParameters.DivisionId.ToString()).Selected = true;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockEnd.gif)
}
2. 在Page_load事先把cdd(CascadingDropDown)的SelectValue设定好,把套先放好,等这数据子集过来撞。
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
if (!IsPostBack)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
if(Profile.ApprovalFilterParameters.Saved)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
cddOffices.SelectedValue = Profile.ApprovalFilterParameters.OfficeId.ToString();
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockEnd.gif)
}
这样的话,在client side,ajax控件自动会检索省的设置,自行从web service取子集合,然后将“市”drop down绑定,但是由于之前已经设定了selectedValue,这样的话就可以实现多级联动的再绑定了。
来自 http://blog.csdn.net/camel0564/archive/2008/01/28/2070174.aspx
个人觉得如果省也是web service取数据的话 不用数据绑定事件 直接 cddoffices.selectvalue=值 也行.
相关文章推荐
- Ajax CascadingDropDown DropDownList 二级联动 再绑定数据 丢失数据 处理
- asp.net ajaxtoolkit CascadingDropDown从数据库中读取数据绑定到DropDownList控件上
- 用DropDownList控件绑定XML数据实现省市区三级联动
- 使用Ajax实现DropDownList和ListBox的联动以及两个ListBox之间数据的移动
- c# mvc 中 dropdownlist 的数据联动绑定
- 用AJAX实现联动下拉菜单(Cascading DropDownList Using AJAX)
- altas(ajax)控件(六):CascadingDropDown 联动选择的下拉框
- 实现带有数据绑定的客户端脚本控制的二级联动菜单[zz]
- 58-004-2 省级城市二级联动 ajax+servlet 通过xml传递数据.
- 使用Ajax实现DropDownList和ListBox的联动以及两个ListBox之间数据的移动
- 使用Ajax实现DropDownList和ListBox的联动以及两个ListBox之间数据的移动
- jQuery与Ajax小练习-二级联动(从Oracle数据库获取数据)
- 用DropDownList控件绑定XML数据实现省市区三级联动
- altas(ajax)控件(六):CascadingDropDown 联动选择的下拉框
- ASP.NET jQuery 食谱24 (通过AJAX简单实现DropDownList二级联动)
- AJAX实现DropDownList无刷新二级联动
- DropDownList无刷新ajax二级联动效果
- ASP.NET 2.0的 GridView中模板列绑定DropDownList的数据处理
- AJAX处理 POST数据中有特殊符号导致数据丢失的解决方法