MSAjax中的UpdatePanel的用法

    <asp:ScriptManager runat="server" id="test">
    </asp:ScriptManager>

Status:

<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True">
    <asp:ListItem Selected="True" Value="false">Active</asp:ListItem>
    <asp:ListItem Value="true">Compelete</asp:ListItem>
</asp:DropDownList>

<div class="todoheader">
    <h2>ToDo Items</h2>
</div>

<asp:UpdateProgress runat="server" id="UpdateProgress1">
    <ProgressTemplate>
        updateing
    </ProgressTemplate>
</asp:UpdateProgress>

    <asp:UpdatePanel runat="server" id="df">
<ContentTemplate>
<asp:GridView id="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="ObjectDataSource1" DataKeyNames="TaskId" AllowPaging="True" AllowSorting="True" Width="554px"><Columns>
<asp:CommandField ShowDeleteButton="True" ShowEditButton="True"></asp:CommandField>
<asp:BoundField ReadOnly="True" DataField="TaskId" InsertVisible="False" SortExpression="TaskId" HeaderText="TaskId"></asp:BoundField>
<asp:BoundField DataField="Name" SortExpression="Name" HeaderText="Name"></asp:BoundField>
<asp:CheckBoxField DataField="Complete" SortExpression="Complete" HeaderText="Complete"></asp:CheckBoxField>
</Columns>
</asp:GridView> 
</ContentTemplate>
      
<Triggers>
<asp:AsyncPostBackTrigger ControlID="DropDownList1" EventName="SelectedIndexChanged"></asp:AsyncPostBackTrigger>
</Triggers>
    
    </asp:UpdatePanel>
    
    <div class="InsertHeader">
        <h2>Add a New Item</h2>
    </div>
    
    <asp:UpdatePanel runat="server" ID="UpdatePanel2" UpdateMode="Conditional">
        <ContentTemplate>
              <asp:DetailsView ID="DetailsView1" runat="server" Height="50px" Width="125px" AutoGenerateRows="False" DataKeyNames="TaskId" DataSourceID="ObjectDataSource1" DefaultMode="Insert">
                <Fields>
                    <asp:BoundField DataField="TaskId" HeaderText="TaskId" InsertVisible="False" ReadOnly="True"
                        SortExpression="TaskId" />
                    <asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name" />
                    <asp:CheckBoxField DataField="Complete" HeaderText="Complete" SortExpression="Complete" />
                    <asp:CommandField ShowInsertButton="True" />
                </Fields>
            </asp:DetailsView>
        </ContentTemplate>
        
        
        
    </asp:UpdatePanel>
    
    
    <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" DeleteMethod="Delete"
        InsertMethod="Insert" OldValuesParameterFormatString="original_{0}" SelectMethod="GetTaskByStatus"
        TypeName="TaskDataSetTableAdapters.TasksTableAdapter" UpdateMethod="Update" OnUpdating="ObjectDataSource1_Updating">
        <DeleteParameters>
            <asp:Parameter Name="Original_TaskId" Type="Int32" />
        </DeleteParameters>
        <UpdateParameters>
            <asp:Parameter Name="Name" Type="String" />
            <asp:Parameter Name="Complete" Type="Boolean" />
            <asp:Parameter Name="Original_TaskId" Type="Int32" />
        </UpdateParameters>
        <SelectParameters>
            <asp:ControlParameter ControlID="DropDownList1" DefaultValue="false" Name="IsComplete"
                PropertyName="SelectedValue" Type="Boolean" />
        </SelectParameters>
        <InsertParameters>
            <asp:Parameter Name="Name" Type="String" />
            <asp:Parameter Name="Complete" Type="Boolean" />
        </InsertParameters>
    </asp:ObjectDataSource>