UpdatePanel 控件

UpdatePanel 控件

 

UpdatePanel 控件属性进行说明: UpdatePanel 的属性,事件的相关说明 属性或事件名称 作用和解释 ChildrenAsTriggers 当 UpdateMode 属性为 Condititonal 时, UpdatePanel 中的子控伯的异步回送是会引发 UpdatePanel 的更新 RenderMode 表示 UpdatePanel 最终呈现的 HTML 无缘， Block（默认）表示<div>, lnline 表示<span> Triggers 用来引起更新的事件 UpdateMode 表 示 UpdatePanel 的更新换模式，有两个选项：Always 和 Conditional.Always 是不管有没有 Tiggers，其他控件都将更新该 UpdatePanel, Conditional 表示只当前 UpdatePanel 的Trigger,ChildrenAsTriggers 属性为 true 时，当前 UpdatePanel 中控件引发的异步回送或者整页回送，基是服务器调用 Update() 方法时才会引发更新该 UpdatePanel UpdatePanel 的刷新状况依据 UpdateMode 属性的设置面的所不同. 上面那段话也就是说: UpdatePanel 的UpdateMode 属性为: Always 时.页面上 UpdatePanel 控件中的任何一个控件触发动作,都会异致页面上的任何一个 UpdatePanel 尝试刷其内容 当 UpdateMode 属性改为 Conditional 时，则该 UpdatePanel 的刷新关况依下面条件而定: 1. 是该 UpdatePanel 内的控件（包括上篇说的 Trigger 方式设置的) 触发的， 该 UpdatePanel 控件才刷新其内容 2. 是调用了 该 UpdatePanel 控件的 Update() 方法, 该 UpdatePanel 控件才刷新其内容 3. 当 UpdatePanel 是嵌套时，(UpdatePanel 中还有别一个UpdatePanel)，父级 UpdatePanel 发生刷新，子级也会跟随刷新 我们来个例子，说明一切: 1. 新建 Web窗体: UpdatePanel-UpdateMode.aspx     添加一个 ScriptManager控件 , 一个 TextBox1,一个 Button1 控件，在UpdatePanel1控件 中.     添加一个 TextBox2,一个 Button2 控件，在UpdatePanel2控件 中.     添加一个 Button控件 单独在外面.                           图17     我们看看 UpdatePanel1控件 的属性，UpdateMode 默认为: Always    （在这个实例中 UpdatePanel1,UpdatePanel2 控件 的 UpadteMode 都为 : Always 2. 双击 Button1 ,键入以下代码: Code     protected void Button1_Click(object sender, EventArgs e)      {          TextBox1.Text = DateTime.Now.ToString();          TextBox2.Text = DateTime.Now.ToString();      }    双击 Button2 ,键入以下代码: Code     protected void Button2_Click(object sender, EventArgs e)      {          TextBox1.Text = DateTime.Now.ToString();          TextBox2.Text = DateTime.Now.ToString();      } 3. Now check It Out !!!     无论我们点击 Button1 还是 BUtton2 , TextBox1 和 TextBox2 都会显示 服务器的时间 .    也就是说,当我们点击 UpdatePanel1 的 Button1 时候, UpdatePanel2 中的 TextBox2 也会跟随刷新.    这就说明: 当 UpdatePanel 的UpdateMode 属性为: Always 时.页面上 UpdatePanel 控件中的任何一个控件触发动作,都会异致页面上的任何一个 UpdatePanel 尝试刷其内容 4. OK. Now Let's Try Next Step .         刚才我们都是把两个 UpdatePanel 的 UpdateMode 都设为: Always .     现在我们要把 UpdatePanel2控件 的 UpdateMode 改为: Conditional . 看看为如何??    设好后,点击 Button1 ,看看效果:     看到没,只有 TextBox1 刷新了, TextBox2 并没有刷新.     但是,我们再点击 Button2 会发生什么效果的?     看到没,我们点击 Button2 , TextBox1 与 TextBox2 同步了,也就是说, TextBox1 与 TextBox2 都进行刷新了.     这是为什么???? 由这我们可得知： 1. UpdatePanel 的UpdateMode 属性为: Always 时.页面上 UpdatePanel 控件中的任何一个控件触发动作,都会异致页面上的任何一个     UpdatePanel 尝试刷其内容 2. UpdateMode 属性为 Conditional 时，则该 UpdatePanel 的刷新关况依条件而定     5. 我们不是还有一个 Button3控件 没用吗？    在 《第五篇: UpdatePanel 控件--RegisterAsyncPostBackControl方法》里，我们不是有一个 RegisterAsyncPostBackControl 方法吗？       这个方法说是，控件不用放到 UpdatePanel 里，可以通过代码方式更新 。    双击 Button3 ，键入以下代码: Code     protected void Button3_Click(object sender, EventArgs e)      {          TextBox1.Text = DateTime.Now.ToString();          TextBox2.Text = DateTime.Now.ToString();      }    在 Page_Load 当中添加以下代码： Code     protected void Page_Load(object sender, EventArgs e)      {          ScriptManager1.RegisterAsyncPostBackControl(Button3);      }    试试看 ！！！ 因原就是:     UpdatePanel1 的 UpdateMode 为: Always     UpdatePanel2 的 UpdateMode 为: conditional 那还有办法也使 TextBox2 也更新, 那就是:   Updapa() 方法 .     双击 Button3 ，加入一条: Code     protected void Button3_Click(object sender, EventArgs e)      {          TextBox1.Text = DateTime.Now.ToString();          TextBox2.Text = DateTime.Now.ToString();          UpdatePanel2.Update();      }    OK,现在点击 Button3 , 两个 TextBox 都会刷新了 !!