UpdatePanel之间的调用

落日映苍穹つ 2021-11-05 16:46 375阅读 0赞

先看结果，在下图我们详细的列出了每个学生的姓名、性别及一个显示信息按钮

![chick.jpg][]

我们现在需要点击Show Information按钮的时候，通过局部刷新技术在页面显示选择学生的详细信息：

![result.jpg][]

步骤：

1.在页面放置两个UpdatePanel,一个里面放置学生列表信息(GridView1),一个放置选择学生的详细信息（Datalist1）

![showData.jpg][]

2.将UpdatePanel1的UpdateModel属性设置为Conditional,将ChildrenAsTriggers属性设置为False，使得其不会因内部的事件发生而带来其内部的刷新，并将Datalist1的visible属性设置为False,使其在用户没有点击按钮的情况下不显示任何学生信息.

3.将GridView1中每一个按钮的CommandArgument设置为当前学生的ID(主键),将其CommandName设定为show

4.在在GridView1的RowCommand输入以下代码：

1 ![None.gif][]  protected  void  GridView1\_RowCommand( object  sender, GridViewCommandEventArgs e)  
  2 ![ExpandedBlockStart.gif][]![ContractedBlock.gif][] ![dot.gif][] \{  
 3![InBlock.gif][]if (e.CommandName =="show")  
 4![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
 5![InBlock.gif][]string studentID = e.CommandArgument.ToString();  
 6![InBlock.gif][]string sql ="select \* from student where studentID='"\+ studentID \+"'";  
 7![InBlock.gif][] DataList1.Visible =true;  
 8![InBlock.gif][] bindDatalist(sql, DataList1);//bind the DataList  
 9![InBlock.gif][] UpdatePanel2.Update();  
10![ExpandedSubBlockEnd.gif][] \}  
11![ExpandedBlockEnd.gif][] \}

搞定完毕！

转载于:https://www.cnblogs.com/cdutedu/archive/2008/09/10/1288456.html

[chick.jpg]: /images/20211104/b53f2e6f1281404cbe53974471cd7450.png
[result.jpg]: /images/20211104/23e07c1aa0bf44f28f7e8cf07a0d4566.png
[showData.jpg]: /images/20211104/e7347e8b29ba45af8d36ff7514bb7097.png
[None.gif]: /images/20211104/e700f734ffc1487d8dde65cc5cdd9661.png
[ExpandedBlockStart.gif]: https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif
[ContractedBlock.gif]: https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif
[dot.gif]: /images/20211104/30d095c3aaf142889e9385983abb0375.png
[InBlock.gif]: /images/20211104/2b77ea36c40c47d2afb1f4e71ddf2985.png
[ExpandedSubBlockStart.gif]: https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif
[ContractedSubBlock.gif]: https://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif
[ExpandedSubBlockEnd.gif]: /images/20211104/762ecbc44f5f48fb829c34fd21812633.png
[ExpandedBlockEnd.gif]: /images/20211104/7069fcc882254be49b5aea5797e208ff.png