ASP.NET：在 CheckBoxList 控件中隐藏 CheckBox 项

Question

我有一个数据绑定的 CheckBoxList 控件，它可以变得非常大，所以我正在尝试为它创建一个过滤器。这就是我正在做的事情：

foreach( ListItem item in this.UserRolesList.Items ) {
    if( !item.Value.StartsWith( this.RolesFilterList.SelectedValue ) ) {
        item.Attributes.CssStyle["display"] = "none";
    } else item.Attributes.CssStyle["display"] = "inline";
}

这主要是有效的，除了当 ASP.NET 呈现 CheckBoxList 时，它使用一个表来实现，每个 CheckBox 控件嵌套在它自己的 <TR> 元素中。这意味着即使我不想看到的项目没有显示，它们的行的空白是，所以我仍然需要满足相当多的白人节奏。

我不知道我可以访问 <TR> 元素而不对控件进行子类化，这是我没有时间做的“不错的”功能，所以我想知道是否有我可以用来访问元素父级的 CSS 技巧（例如，<input type="checkbox"/> -> <td> -> <tr>）。我之前用过:first-child这个伪元素，但是我的网络搜索这种伎俩没有结果，所以我有疑问。不过问也无妨，对吧？

Answer 1

这可能对你有用。它从列表中完全删除该项目，使其根本不会被渲染：

string value = this.RolesFilterList.SelectedValue;
int count = this.UserRolesList.Items.Count - 1;

for(var i=count;i>=0;i--)
{
    ListItem item = this.UserRolesList.Items[i];
    if (!item.Value.StartsWith(value))
    {
        this.UserRolesList.Items.RemoveAt(i);
    }
}

更新

根据您上面关于您希望从用户的角度如何操作的评论，您可能最好在 javascript 中执行所有客户端操作，而不是以这种方式在回发中执行此操作。

在 jQuery 中，您可以创建一个在选择列表更改时运行的函数，然后在 UserRolesList 表中找到所有复选框，然后循环遍历它们，并根据它们的值使用 .closest('tr') 函数隐藏/显示包含它们的整个表格行。