UpdatePanel 控件
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 ,键入以下代码: ![]() protected void Button1_Click(object sender, EventArgs e) { TextBox1.Text = DateTime.Now.ToString(); TextBox2.Text = DateTime.Now.ToString(); } 双击 Button2 ,键入以下代码: ![]() 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 ,键入以下代码: ![]() protected void Button3_Click(object sender, EventArgs e) { TextBox1.Text = DateTime.Now.ToString(); TextBox2.Text = DateTime.Now.ToString(); } 在 Page_Load 当中添加以下代码: ![]() protected void Page_Load(object sender, EventArgs e) { ScriptManager1.RegisterAsyncPostBackControl(Button3); } 试试看 !!! 因原就是: UpdatePanel1 的 UpdateMode 为: Always UpdatePanel2 的 UpdateMode 为: conditional 那还有办法也使 TextBox2 也更新, 那就是: Updapa() 方法 . 双击 Button3 ,加入一条: ![]() protected void Button3_Click(object sender, EventArgs e) { TextBox1.Text = DateTime.Now.ToString(); TextBox2.Text = DateTime.Now.ToString(); UpdatePanel2.Update(); } OK,现在点击 Button3 , 两个 TextBox 都会刷新了 !! |