Webform——頁面局部刷新

    有一些數據控件，每次更改它的值后，都會重新查詢數據庫，然后再重新顯示出來。 這樣每次都會刷新全部頁面，如果是一些信息量很龐大的頁面，就會出現卡頓的現象，為了避免這種情況，就用到了局部刷新。 所用到的控件為：AJAX擴展里面的ScriptManager和UpdatePanel。

   ScriptManager就是封裝好的JS代碼，可以直接拿來用。

   UpdatePanel，要局部刷新的部分放在這里面去。

 

    在這張圖片里，省市區三個下拉列表就被放在了UpdatePanel里面，從而實現了局部刷新這里的信息。

  在用到UpdatePanel控件時，有一個屬性非常重要！！

  UpdateMode：指明是否是每次異步時都刷新，還是特定情況下刷新。

    

 

 當UpdarePanel的值為Conditional時，要刷新的特定部位：  UpdatePanel1.Update();  加上這句代碼，想刷新哪就能刷新哪了。

下面說一下中國省市三級聯動，只局部刷新下拉列表的部分：

 protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
    {
       
        string Pro = DropDownList1.SelectedValue.ToString(); //加載市轄
        BindCity1(Pro); //根據選定的省份加載市轄

        string City = DropDownList2.SelectedValue.ToString();//加載市區
        BindCity2(City);//根據選定的市轄加載市區
        UpdatePanel1.Update();//有條件的刷新
    }
    protected void DropDownList2_SelectedIndexChanged(object sender, EventArgs e)
    {
        string City = DropDownList2.SelectedValue.ToString();//加載市區
        BindCity2(City);//根據選定的市轄加載市區
        UpdatePanel1.Update();//有條件的刷新
    }