如何从asp.net中的javascript在转发器控件中添加新行答案

【问题标题】：how to add a new row in repeater control from javascript in asp.net如何从asp.net中的javascript在转发器控件中添加新行
【发布时间】：2014-02-04 00:49:34
【问题描述】：

我在Repeater 控件中使用了以下HTML 块。我可以从客户端 (JavaScript) 向 HTML 表中添加行并添加值。当页面通过单击按钮返回时，表格变为空。但是我也无法从服务器端的绑定转发器控件中获取值。它什么也没显示。如何从客户端将值添加到转发器或与 HTML 表绑定？

<table id="tblSelectlist" class="table table-striped table-bordered table-hover">
    <thead>
        <tr>
            <th>
                Name
            </th>
            <th class="hidden-480">
                City
            </th>
            <th class="hidden-480">
                State
           </th>
       </tr>
    </thead>
    <tbody>
        <asp:repeater id="repSelectlist" runat="server" enableviewstate="true">
            <ItemTemplate>
                <tr>
                    <td class="left">
                        <label id="lblSelectcompany" runat="server">
                            <%# DataBinder.Eval(Container.DataItem, "DataItem.CustName")%></a>
                        </label>
                    </td>
                    <td class="hidden-480">
                        <label id="lblSelectCity" runat="server">
                            <%# DataBinder.Eval(Container.DataItem, "DataItem.custCity")%>
                        </label>
                    </td>
                    <td>
                        <label id="lblSelectState" runat="server">
                            <%# DataBinder.Eval(Container.DataItem, "DataItem.custstate")%>
                        </label>
                    </td>  
                </tr>
            </ItemTemplate>
        </asp:repeater>
    </tbody>
</table>

如果我对 HTML 表使用 runat="server"，它会显示以下错误：

“System.Web.UI.WebControls.Repeater”类型的值无法转换到'System.Web.UI.HtmlControls.HtmlTableRow'。

【问题讨论】：

标签： javascript asp.net html asprepeater

【解决方案1】：

使用转发器控件的 HeaderTemplate 和 FooterTemplate 部分。

<asp:repeater id="repSelectlist" runat="server" enableviewstate="true">
<HeaderTemplate>
  <table id="tblSelectlist" class="table table-striped table-bordered table-hover">
  <thead>
  <tr>
  <th>
  Name
  </th>
  <th class="hidden-480">
  City
  </th>
  <th class="hidden-480">
  State
  </th>
  </tr>
  </thead>
  <tbody>
</HeaderTemplate>

<ItemTemplate>
 <tr>
 <td class="left">
 <label id="lblSelectcompany" runat="server">
 <%# DataBinder.Eval(Container.DataItem, "DataItem.CustName")%></a>
 </label>
 </td>
 <td class="hidden-480">
 <label id="lblSelectCity" runat="server">
 <%# DataBinder.Eval(Container.DataItem, "DataItem.custCity")%>
 </label>
 </td>
 <td>
 <label id="lblSelectState" runat="server">
 <%# DataBinder.Eval(Container.DataItem, "DataItem.custstate")%>
 </label>
 </td>                                                                              
 </tr>
</ItemTemplate>

<FooterTemplate>
  </tbody>
  </table>
</FooterTemplate>
</asp:repeater>

【讨论】：