ASP.NET Gridview,所有记录都可编辑

时间:2009-02-24 20:51:22

标签: asp.net session gridview listview datatable

我认为这很简单,但我确实在这方面遇到了很多麻烦:

这个问题的标题可能有点误导。我不必使用gridview。事实上,我知道GridView可能不是这种方式。我只是不知道怎么称呼它。但是,现在只考虑:

我有一个叫做学生的非常简单的课程。它有4个属性: int ID 字符串FirstName 字符串LastName 字符串电子邮件

我想在内存中保留这些的通用集合(会话状态): 列出学生;

好的,现在问题是: 我希望用户根据需要创建尽可能多的Student对象。为了显示这些,我只想要一个简单的表格,每行有3个文本框。我希望每一行都有文本框的标签,以便任何时候都可以编辑任何记录。

当用户完成创建学生对象后,他们继续做其他事情。但是,我很难找到以这种方式显示记录的方法。我使用ListView(3.5),html表格,gridview,转发器等吗?

你会怎么做?

4 个答案:

答案 0 :(得分:4)

我倾向于亲自使用ListView,因为你可以插入Rows。您的LayoutTemplate将是一个包含< tr runat =“server”ID =“itemPlaceHolder”/>的表。在里面。你的ItemTemplate会有你的TextBox(并且每行可选一个保存按钮。如果你需要插入,你可以有一个InsertItemTemplate。

在页面的任何位置,您可以通过循环ListView.Item集合并调用ListView.Update(itemIndex,validate)来添加按钮以保存所有项目。

<asp:ListView runat="server" ID="lv" InsertItemPosition="LastItem" DataKeyNames="id">
<LayoutTemplate>
    <asp:LinkButton runat="server" OnClick="SaveAll" Text="Save All" />
    <table>
    <tr>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Email</th>
    </tr>
    <tr runat="server" id="itemPlaceHolder" />
    </table>
    <asp:LinkButton runat="server" OnClick="SaveAll" Text="Save All" />
</LayoutTemplate>
<ItemTemplate>
    <tr>
        <td><asp:TextBox runat="server" ID="firstName" Text='<%#Bind("firstName") %>' /></td>
        <td><asp:TextBox runat="server" ID="firstName" Text='<%#Bind("lastName") %>' /></td>
        <td><asp:TextBox runat="server" ID="firstName" Text='<%#Bind("email") %>' /></td>
        <td><asp:LinkButton runat="server" CommandName="update" Text="Save" /></td>
    </tr>
</ItemTemplate>
<InsertItemTemplate>
    <tr>
        <td><asp:TextBox runat="server" ID="firstName" Text='<%#Bind("firstName") %>' /></td>
        <td><asp:TextBox runat="server" ID="firstName" Text='<%#Bind("lastName") %>' /></td>
        <td><asp:TextBox runat="server" ID="firstName" Text='<%#Bind("email") %>' /></td>
        <td><asp:LinkButton runat="server" CommandName="insert" Text="Save" /></td>
    </tr>
</InsertItemTemplate>
</asp:ListView>

protected void SaveAll(object sender, EventArgs e)
{
    lv.Items.ToList().ForEach(li => lv.UpdateItem(li.DataItemIndex, true)_;
}

答案 1 :(得分:1)

是的,您可以使用网格视图来执行此操作。 您可以为列创建自定义模板,以便它们显示在文本框中而不是标签中。然后,您可以在行中捕获“保存”事件并更新数据。

答案 2 :(得分:1)

是的,这是可能的。这只是Victor发布的代码示例。

            <asp:GridView ID="gvDetails" runat="server" AutoGenerateColumns="False" DataKeyNames="PartNumber" GridLines="Horizontal"
                ForeColor="#333333" CellPadding="4" Width="800" PageSize="20" OnDataBound="gvPartDetails_DataBound" OnSelectedIndexChanged="gvPartDetails_SelectedIndexChanged" OnSorting="gvPartDetails_Sorting">
                <Columns>
                    <asp:TemplateField HeaderText="#">
                        <ItemTemplate>
                            <asp:Label ID="lblNumber" runat="server" Text='<%# Bind("Number") %>' ToolTip='<%# Bind("Description") %>'></asp:Label>
                        </ItemTemplate>
                        <HeaderStyle Wrap="False" />
                    </asp:TemplateField>
                    <asp:TemplateField HeaderText="LOC 1">
                        <ItemTemplate>
                            <asp:TextBox ID="txt_Qty1" AutoPostBack="false" runat="server" MaxLength="5" Width="50" Text='<%# Bind("Qty1") %>'></asp:TextBox>
                        </ItemTemplate>
                        <HeaderStyle Wrap="False" />
                    </asp:TemplateField>
                    <asp:TemplateField HeaderText="LOC 2">
                        <ItemTemplate>
                            <asp:TextBox ID="txt_Qty2" AutoPostBack="false" runat="server" MaxLength="5" Width="50" Text='<%# Bind("Qty2") %>'></asp:TextBox>
                        </ItemTemplate>
                        <HeaderStyle Wrap="False" />
                    </asp:TemplateField>
                </Columns>

                <EmptyDataTemplate>
                    <span id="Empty">No Details For This Such and Such.</span>
                    <a href="javascript:showNewPartMPE();"><img src="Images/icons/table_add.png" style="border:0px" alt="Add New Part" /></a>
                </EmptyDataTemplate>

                <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
                <EditRowStyle BackColor="#999999" />
                <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
                <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
                <HeaderStyle BackColor="#284775" Font-Bold="True" ForeColor="White" HorizontalAlign="Left" />
                <AlternatingRowStyle BackColor="Gainsboro" ForeColor="#284775" />
            </asp:GridView>

然后背后的代码......这非常粗糙......

   private void ApplyChanges()
    {
        foreach (GridViewRow row in this.gvDetails.Rows)
        {
           //do something with cells and data objects
           //and then save add to list, save, etc.
        }
    }

修改
您可以在上面编辑数据。您可以使用DataTables,DataViews,DataSet,并且正如其他解决方案所示,您可以将网格绑定到对象列表。这应该根据系统中的数据对象模型以及如何生成行来确定。

答案 3 :(得分:1)

Gridview将是实现这一目标的最简单方法。你可以使用html表,但是当用户想要添加更多用户时,你将不得不做更多的事情。使用您的四个属性(Id,FirstName,LastName,Email)为gridview创建模板,然后将其从会话对象中绑定,如:

public void BindGrid()
{
  // assume students is the name of your GridView control
  students.DataSource = (List<Student>)Session["StudentList"];
  students.DataBind();
}