在我的页面上,我有一个表格列表,其中显示了链接到组织的用户列表:
<script type="text/html" id="userListTemplate">
<div id="user_list_box">
<table class="list" style="margin-bottom: 15px;">
{{#Users}}
<tr id="user_row_{{UserId}}">
<td><input type="checkbox" class="check_user" data-userid="{{UserId}}" /></td>
<td><span><a class="edit_user_link" data-userid="{{UserId}}" href="#">{{UserName}}</a></span></td>
</tr>
{{/Users}}
</table>
</div>
</script>
在同一页面上,我还有一个部分提供了可以与组织关联的用户列表:
<script type="text/html" id="linkedUserTemplate">
<div class="accordion" id="accordion_parent">
{{#ChildOrganizations}}
<div class="accordion-group">
<div id="collapse_{{OrganizationId}}" class="accordion-body collapse" style="height: 0px; ">
<div class="accordion-inner">
<table class="list" style="margin-bottom: 15px;">
{{#Users}}
<tr>
<td><input type="checkbox" class="check_linked_user" data-userid="{{UserId}}" /></td>
<td>{{UserName}}</td>
</tr>
{{/Users}}
</table>
</div>
</div>
</div>
{{/ChildOrganizations}}
</div>
</script>
在将用户与组织关联时,这一切都很好。但是,我的问题是,一旦从第二个摘录中选择了一个用户并将其添加到我的第一个片段中的列表中,我想确保将来不再在可选列表中呈现相同的项目。解决此问题的最佳方法是什么?我想我应该考虑比较链接用户列表和可选用户列表中的data-userid值。
在此先感谢您的帮助!