服务器正在尝试将HTML Table中的转发器控件转换为HtmlTableRow

Question

我已经在另外两个页面中成功地使用了以下代码：

<table id="TBL_Tracks" runat="server" class="table table-striped table-responsive" data-paging="true" data-page-size="10" data-sorting="true" data-filtering="true">
    <thead>
        <tr>
            <th data-field="TrackID" data-type="number">ID</th>
            <th data-field="TrackName">Name</th>
            <th data-field="TrackLength">Length</th>
            <th data-field="TrackNumber" data-type="number"># in Album</th>
            <th data-field="Album.AlbumName">Album</th>
            <th data-field="Album.Band.BandName">Band</th>
            <th data-sortable="false">&nbsp;</th>
            <th data-sortable="false">&nbsp;</th>
            <th data-sortable="false">&nbsp;</th>
        </tr>
    </thead>
    <tbody>
        <asp:Repeater ID="REP_Tracks" runat="server">
            <ItemTemplate>
                <tr>
                    <td>
                        <asp:Label ID="LBL_TrackID" runat="server" Text='<%#Eval("TrackID") %>' />
                    </td>
                    <td>
                        <asp:Label ID="TrackName" runat="server" Text='<%#Eval("TrackName") %>' CssClass="text-primary font-weight-bold" />
                    </td>
                    <td>
                        <asp:Label ID="LBL_TrackLength" runat="server" Text='<%#Eval("TrackLength") %>' />
                    </td>
                    <td>
                        <asp:Label ID="LBL_TrackNumber" runat="server" Text='<%#Eval("TrackNumber") %>' />
                    </td>
                    <td>
                        <asp:Label ID="LBL_AlbumName" runat="server" Text='<%#Eval("Album.AlbumName") %>' />
                    </td>
                    <td>
                        <asp:Label ID="LBL_BandName" runat="server" Text='<%#Eval("Album.Band.BandName") %>' />
                    </td>
                    <td>
                        <asp:Button ID="BTN_Details" runat="server" CssClass="btn btn-block btn-lg btn-info" Text="Details" CommandName="Details" UseSubmitBehavior="false" />
                    </td>
                    <td>
                        <asp:Button ID="BTN_Edit" runat="server" CssClass="btn btn-block btn-lg btn-warning" Text="Edit" data-toggle="modal" data-target="#EditTrack" CommandName="Edit" UseSubmitBehavior="false" />
                    </td>
                    <td>
                        <asp:Button ID="BTN_Delete" runat="server" CssClass="btn btn-block btn-lg btn-danger" Text="Delete" CommandName="Delete" UseSubmitBehavior="false" />
                    </td>
                </tr>
            </ItemTemplate>
        </asp:Repeater>
    </tbody>
</table>

但是，我没有使用FooTable.js获得一个很好的可排序、可过滤和分页的表，而是得到了这个错误：

Compilation Error
Description: An error occurred during the compilation of a resource required to service this request. Please review the following specific error details and modify your source code appropriately. 

Compiler Error Message: BC30311: Value of type 'System.Web.UI.WebControls.Repeater' cannot be converted to 'System.Web.UI.HtmlControls.HtmlTableRow'.

我还知道这段代码可以工作，因为我尝试使用内联代码块，但我的删除、详细信息和编辑按钮需要一个NamingContainer才能正常工作。您可以阅读Q&A here。在前面的页面中，我已经很容易地使用了日期格式、数字和字符串；这个页面唯一的不同之处在于它使用了一个TimeSpan作为跟踪长度- Public Property TrackLength As TimeSpan。老实说，我不认为问题出在中继器控件上；我认为页面在其他方面非常、非常混乱，这让我感到困惑。:D

Answer 1

事实证明，如果您想在表中使用转发器，那么将runat="server"添加到表中不是一个好主意。一旦我把它取下来，一切都运行得很好！