簡化用戶操作界面，添加功能一般沒法簡化，但是如果是在GridView做顯示，編輯，更新與刪除，會讓用戶在編輯，需要點擊編輯銨鈕，再進行編輯，或是取消編輯。

為了解決這個問題，Insus.NET想到一些改進的方法。可以參考下面演示：

以下內容于2011-11-07 9:20添加：

上面實現，只是使用Table加上GridView來組合。

其中，Gridveiw直接使用ItemTemplate模版，省略了EditItemTemplate模版。事件也省略了OnRowEditing與OnRowCancelingEdit事件。

如下所示：

然后把EditItemTemplate的內容搬至ItemTemplate模版中，并替換。

完整代碼參考如下：

復制代碼 代碼如下:

<asp:Table runat="server" CssClass="table" CellPadding="2" CellSpacing="0">
<asp:TableHeaderRow BackColor="#efebde" BorderWidth="1" BorderColor="#c0c0c0">
<asp:TableHeaderCell BackColor="#efebde" BorderWidth="1" BorderColor="#c0c0c0">
Chinese Name
</asp:TableHeaderCell>
<asp:TableHeaderCell BackColor="#efebde" BorderWidth="1" BorderColor="#c0c0c0">
English Name
</asp:TableHeaderCell>
<asp:TableHeaderCell BackColor="#efebde" BorderWidth="1" BorderColor="#c0c0c0">
Edit
</asp:TableHeaderCell>
</asp:TableHeaderRow>
<asp:TableRow>
<asp:TableCell BorderWidth="1" BorderColor="#c0c0c0">
<asp:TextBox runat="Server" />
</asp:TableCell>
<asp:TableCell BorderWidth="1" BorderColor="#c0c0c0">
<asp:TextBox runat="Server" />
</asp:TableCell>
<asp:TableCell BorderWidth="1" BorderColor="#c0c0c0">
<asp:Button Text="Insert" runat="Server" />
</asp:TableCell>
</asp:TableRow>
</asp:Table>
<div>
</div>
<asp:GridView runat="server" DataKeyNames="CutterTypeId" AutoGenerateColumns="false"
CellPadding="2" CellSpacing="0" BorderWidth="0" BorderColor="#c0c0c0"
OnRowDeleting="GvCutterType_OnDeleteCommand" OnRowUpdating="GvCutterType_OnUpdateCommand"
RowStyle-Height="20" ShowHeader="false">
<Columns>
<asp:TemplateField>
<ItemStyle BorderWidth="1" BorderColor="#c0c0c0" />
<ItemTemplate>
<asp:TextBox runat="server" Text='<%# Eval("CName") %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemStyle BorderWidth="1" BorderColor="#c0c0c0" />
<ItemTemplate>
<asp:TextBox runat="server" Text='<%# Eval("EName") %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="編輯">
<ItemStyle BorderWidth="1" BorderColor="#c0c0c0" />
<ItemTemplate>
<asp:Button runat="server" CommandName="Update" Text="Update" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="刪除">
<ItemStyle BorderWidth="1" BorderColor="#c0c0c0" />
<ItemTemplate>
<asp:Button runat="server" CommandName="Delete" Text="Delete" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>

復制代碼 代碼如下:

protected void ButtonInsert_Click(object sender, EventArgs e)
{
//do Insert something
}

protected void GvCutterType_OnUpdateCommand(object sender, GridViewUpdateEventArgs e)
{
//do update something
}

protected void GvCutterType_OnDeleteCommand(object sender, GridViewDeleteEventArgs e)
{
//do delete something
}