0

如何从 asp:Repeater 中删除项目？目前我有中继器的以下代码：

<asp:Repeater ID="uxRolesList" runat="server">
    <ItemTemplate>                       
        <div id="<%# GetRolesDivId() %>">
            <asp:TextBox ID="uxTxtBoxRole" runat="server" rows="5" columns="100" Text='<%# Container.DataItem %>' TextMode="multiline" MaxLength="2000"></asp:TextBox>
            <asp:Button ID="uxRemoveRoleBtn" Style="vertical-align:top;" CssClass="remove-roles-btn" runat="server" Text="X" />
            <br />
            <asp:RequiredFieldValidator runat="server" ID="uxValTxtBoxRole" ControlToValidate="uxTxtBoxRole" ErrorMessage="Please complete this role requirement"></asp:RequiredFieldValidator>
            <br /><br />
        </div>
    </ItemTemplate>
</asp:Repeater>

应该输出如下内容：

<div id="roles-1">
    <textarea name="ctl00$mainContent$uxRolesList$ctl01$uxTxtBoxRole" rows="5" cols="100" id="ctl00_mainContent_uxRolesList_ctl01_uxTxtBoxRole">Quick test</textarea>                          <input type="submit" name="ctl00$mainContent$uxRolesList$ctl01$uxRemoveRoleBtn" value="X" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$mainContent$uxRolesList$ctl01$uxRemoveRoleBtn&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_mainContent_uxRolesList_ctl01_uxRemoveRoleBtn" class="remove-roles-btn" style="vertical-align:top;" />
    <br />
    <span id="ctl00_mainContent_uxRolesList_ctl01_uxValTxtBoxRole" class="error" style="color:#891F11;display:none;">Please complete this role requirement</span>
    <br /><br />
</div>

当单击删除按钮时，我正在使用以下 jQuery 来“删除”该项目：

$("#roles-" + roleIdNumber).remove();
e.preventDefault();
rolesCounter--;

roleIdNumber在这种情况下，1 在哪里。

但是当我提交表单时，该项目仍然出现 - 任何人都可以帮我解决正在发生的事情吗？

4

2 回答 2

0

我建议更换：

<div id="<%# GetRolesDivId() %>">

和：

<div id="<%# GetRolesDivId() %>" class="div_row">

这行：

<asp:Button ID="uxRemoveRoleBtn" Style="vertical-align:top;" CssClass="remove-roles-btn" runat="server" Text="X" />

和：

<input type="button" style="vertical-align:top;" value="X" class="remove-roles-btn" onclick="$(this).parents('.div_row').remove();rolesCounter--;" />

并删除您在此处共享的所有 js 代码。

希望它有所帮助。

于 2013-10-16T11:15:01.370 回答
0

它可能不起作用，因为在 Document.Ready 函数调用完成执行后将转发器项添加到 DOM。

如果您的转发器在页面加载完成后获取数据，则考虑使用Jquery 的 on() 方法或委托方法。

于 2013-10-16T11:55:14.190 回答