asp.net数据输入静态网格

Question

我正在创建一个数据输入应用程序，并且有一个我希望它看起来和功能的样例。 我喜欢一个静态的网格，您可以单击单元格进行编辑。 我已附上一张我希望它看起来的图片。 有人可以告诉我它是如何创建的吗？

Answer 1

这是一个.net GridView，使用行命令来添加/更新/删除。

这是使用sql数据库的示例：

<asp:GridView ID="gv" RunAt="Server" DataSourceID="sqlGrid" DataKeyNames="RowID" AllowPaging="False" AutoGenerateColumns="false" EnableModelValidation="True" AutoGenerateEditButton="False" AutoGenerateDeleteButton="False" GridLines="None" BorderWidth="0">
  <Columns>
    <asp:BoundField HeaderText="Col1" DataField="Col1" SortExpression="Col1"/>
    <asp:BoundField runat="Server" HeaderText="Col2" DataField="Col2" SortExpression="Col2"/>
    <asp:CommandField HeaderText="Edit" ShowEditButton="True"/>
    <asp:CommandField HeaderText="Delete" ShowDeleteButton="True"/>
  </Columns>
</asp:GridView>

<asp:SqlDataSource ID="sqlGrid" RunAt="Server" SelectCommand="spGrid" SelectCommandType="StoredProcedure" UpdateCommand="spGridUpdate" UpdateCommandType="StoredProcedure" DeleteCommand="spGridDelete" DeleteCommandType="StoredProcedure">
  <UpdateParameters>
    <asp:Parameter Name="Col1" Type="String" />
    <asp:Parameter Name="Col2" Type="String" />
    <asp:Parameter Name="RowID" Type="Int32" DefaultValue="0" />
  </UpdateParameters>
</asp:SqlDataSource>

若要直接在网格中键入，请使用TemplateFields在单元格中插入文本框。 单击保存会将单元格的内容提交回您的数据库。

---

创建空白行

<asp:TemplateField HeaderText="Col1" SortExpression="Col1">
    <ItemTemplate>
        <asp:TexBox ID="txt1" runat="server"></asp:TexBox >
        <asp:TexBox ID="txt2" runat="server"></asp:TexBox >
    </ItemTemplate>
</asp:TemplateField>

---

工作流程

1. 创建数据库/表/列。
2. 创建存储过程以读取/编辑/删除数据库数据。
3. 使用模板字段和文本框创建gridview。
4. 使用您的存储过程在gridview中填充数据。
5. 使用sqlDataSource和row命令从gridview更新数据。