[ASP.Net]GridView攻略04-編輯資料列

2008-11-24

4643
0

..........繼續閱讀剩下的內容請至finalevil's blog

以下是此範例的效果：

點選編輯按鈕後，欲編輯的資料列就會進入編輯模式，在編輯模式有更新和取消兩個按鈕，而真正的SQL Update動作是在更新按鈕裡面完成的。當按下編輯按鈕，欲編輯的資料列就會變成文字輸入方塊，讓使用者編輯內容。

這是ASPX的內容：

            DataKeyNames="id" OnRowDeleting="GridView1_RowDeleting" OnRowEditing="GridView1_RowEditing">
            <HeaderStyle CssClass="headerstyle" />
            <Columns>
                <asp:TemplateField HeaderText="編號">
                    <ControlStyle Width="80px" />
                    <ItemTemplate>
                        <asp:Label ID="lblId" runat="server" Text='<%# Bind("id") %>'></asp:Label>
                    </ItemTemplate>
                    <FooterTemplate>
                        <asp:TextBox ID="txtId" runat="server"></asp:TextBox>
                    </FooterTemplate>
                    <EditItemTemplate>
                        <asp:TextBox ID="edtId" runat="server" Width="80px" Text='<%# Bind("id") %>'></asp:TextBox>
                    </EditItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="標題">
                    <ControlStyle Width="200px" />
                    <ItemTemplate>
                        <asp:Label ID="lblTitle" runat="server" Text='<%# Bind("title") %>'></asp:Label>
                    </ItemTemplate>
                    <FooterTemplate>
                        <asp:TextBox ID="txtTitle" runat="server"></asp:TextBox>
                    </FooterTemplate>
                    <EditItemTemplate>
                        <asp:TextBox ID="edtTitle" runat="server" Width="200px" Text='<%# Bind("title") %>'></asp:TextBox>
                    </EditItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="數量">
                    <ControlStyle Width="30px" />
                    <ItemTemplate>
                        <asp:Label ID="lblNum" runat="server" Text='<%# Bind("num") %>'></asp:Label>
                    </ItemTemplate>
                    <FooterTemplate>
                        <asp:TextBox ID="txtNum" runat="server"></asp:TextBox>
                    </FooterTemplate>
                    <EditItemTemplate>
                        <asp:TextBox ID="edtNum" runat="server" Width="30px" Text='<%# Bind("num") %>'></asp:TextBox>
                    </EditItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="日期">
                    <ControlStyle Width="80px" />
                    <ItemTemplate>
                        <asp:Label ID="lblDate" runat="server" Text='<%# Bind("date", "{0:yyyy/MM/dd}") %>'></asp:Label>
                    </ItemTemplate>
                    <FooterTemplate>
                        <asp:TextBox ID="txtDate" runat="server"></asp:TextBox>
                    </FooterTemplate>
                    <EditItemTemplate>
                        <asp:TextBox ID="edtDate" runat="server" Width="80px" Text='<%# Bind("date", "{0:yyyy/MM/dd}") %>'></asp:TextBox>
                    </EditItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField ShowHeader="False">
                    <ItemTemplate>
                        <asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="False" CssClass="btnlink"
                            CommandName="Delete" Text="刪除" OnClientClick="return confirm('是否刪除？');"></asp:LinkButton>
                        <asp:LinkButton ID="LinkButton2" runat="server" CausesValidation="False" CommandName="Edit"
                            Text="編輯" CssClass="btnlink"></asp:LinkButton>
                    </ItemTemplate>
                    <EditItemTemplate>
                        <asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="True" CommandName="Update"
                            Text="更新" CssClass="btnlink"></asp:LinkButton>
                        <asp:LinkButton ID="LinkButton2" runat="server" CausesValidation="False" CommandName="Cancel"
                            Text="取消" CssClass="btnlink"></asp:LinkButton>
                    </EditItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>

為了在按下編輯按鈕以後可以顯示文字輸入方塊讓使用者編輯，我們..........繼續閱讀剩下的內容請至finalevil's blog

HI!我是finalevil，這是我的分站，

歡迎您

訂閱我的RSS ，或是前往本站發表意見。

回首頁