Question

我要使用GridView将此表单字段中的数据传递到javascript。我在互联网上搜索但是找不到任何使用javascript的方法。

<div class="form-group">
    <label>Name</label>
    <input type="text" class="form-control" runat="server" id="txtFamName" autocomplete="off" />
</div>
<div class="form-group">
    <label>Age</label>
    <input type="text" class="form-control" runat="server" id="txtFamAge" autocomplete="off" />
</div>
<div class="form-group">
<div class="col-md-4">
    <asp:Button ID="btnSubmit" runat="server" Text="SUBMIT" OnClientClick="btnSubmit_Click()"/>
</div></div>

<asp:GridView ID="GridView1"
    runat="server"
    AutoGenerateColumns="false"
    Width="100%"
    HeaderStyle-HorizontalAlign="Left"
    CssClass="gridview"
    AlternatingRowStyle-CssClass="even">
    <Columns>
        <asp:TemplateField HeaderText="S No." ItemStyle-Width="10%">
            <ItemTemplate>
                <%#Container.DataItemIndex+1 %>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:BoundField
            HeaderText="NAME">
            <ItemStyle VerticalAlign="Top" />
        </asp:BoundField>
        <asp:BoundField
            HeaderText="AGE">
            <ItemStyle VerticalAlign="Top" />
        </asp:BoundField>
    </Columns>
</asp:GridView>

Answer 1

将GridView中的数据存储在DataTable会话中，然后每次单击该按钮时，向DataTable添加一行并重新绑定{{ 1}}。

您需要将GridView DataField属性设置为您在BoundField中使用的列名。

如果您希望我告诉您如何操作，我可以使用示例代码更新此内容。

修改

您需要将DataField属性设置为要绑定的列，因此请将标记更改为：

DataTable

在<asp:BoundField HeaderText="NAME" DataField="Name"> <ItemStyle VerticalAlign="Top" /> </asp:BoundField> <asp:BoundField HeaderText="AGE" DataField="Age"> <ItemStyle VerticalAlign="Top" /> </asp:BoundField>事件中，您需要创建DataTable并将其存储在会话中供以后使用。

Page_Load

最后，在单击按钮时，您需要向DataTable添加一个新行并将其绑定到GridView。

protected void Page_Load() { // Create a new table and store in session. DataTable d = new DataTable(); d.Columns.Add(new DataColumn("Name")); d.Columns.Add(new DataColumn("Age")); Session["myData"] = d; }

我希望这会有所帮助。

使用javascript将表单数据添加到网格视图

1 个答案: