基于属性隐藏整个数据列表项
Posted
技术标签:
【中文标题】基于属性隐藏整个数据列表项【英文标题】：Hide entire datalist item based on a property 【发布时间】：2021-12-16 09:35:10 【问题描述】：我有一个数据列表，其中填充了数据库中的值。当用户单击复选框时，我想遍历所有数据列表项并隐藏所有具有属性 isActive = false 的项（在文本标签中显示为“已禁用”）。项目模板由一个表格组成，该表格包含多个其他项目、按钮等，以下未包括在内。因此，我想隐藏在特定项目的 itemtemplate 下找到的所有元素。
我的想法是通过访问其 id 来隐藏整个表，然后将表的可见属性设置为 false。当我运行代码时，这目前没有做任何事情。任何帮助都会 感激不尽！
<asp:CheckBox runat="server" Text="Filter by active postings" OnCheckedChanged="filterByActive"/>
<asp:DataList ID="postingsDataList" runat="server" OnItemCommand="itemCommand" >
<ItemTemplate>
<div class="postingRow">
<table class="postingTable" id="posting">
<tr>
<td>
<asp:Label ID="lblActive" runat="server" Text=<%#Eval("isActive").ToString().Equals("True") ? "Active ✅" : "Disabled ❌"%>/>
</td>
</tr>
</table>
</div>
</ItemTemplate>
</asp:DataList>
代码背后：
protected void filterByActive (object sender, EventArgs e)
int count = postingsDataList.Items.Count;
CheckBox check = (CheckBox)sender;
if (check.Checked == true)
for (int i = 0; i < count; i++)
Label lblActive = postingsDataList.Items[i].FindControl("lblActive") as Label;
string isActive = lblActive.Text.ToString();
if (isActive.Equals("Disabled ❌"))
Table tbl = postingsDataList.Items[i].FindControl("posting") as Table;
tbl.Visible = false;
else
for (int i = 0; i < count; i++)
Label lblActive = postingsDataList.Items[i].FindControl("lblActive") as Label;
string isActive = lblActive.Text.ToString();
if (isActive.Equals("Active ✅"))
Table tbl = postingsDataList.Items[i].FindControl("posting") as Table;
tbl.Visible = true;
【问题讨论】：
为什么不删除项目并刷新视图？ 我有一个特定的问题，我不想将数据列表绑定到具有该过滤器的新 SQL 语句 我明白了。您不应该直接使用 SQL 的数据列表。一件事是您的数据，另一件事是您的视图的数据。您应该删除/编辑视图的数据。 我知道这不是一个好习惯，但它确实可以解决我遇到的问题...... 不是一个好的做法。是关于你试图解决一个你一开始不应该遇到的问题。就像这个问题是你自己的。如果您使用 MVC 模式，您将不需要任何代码，也不会遇到此问题。可能如果你编辑那个观点，你会浪费比修复这个逻辑的每个错误更少的时间。 【参考方案1】：好的，我建议你这样做：
保留您的表 - 因此您不必再次访问 sql server。 （但是，你可以——不是世界末日）。
我没有您的数据，但我有一个简单的酒店列表 - 并且酒店有一个活动列。因此，让我们根据选中复选框过滤数据，而不必再次访问数据库服务器。更好的是，如果我们取消选中该框，我们可以显示我们拥有的所有记录。
我们当然假设这不是很多数据。
好的，所以我们有这个作为我们的标记：
（真的无所谓）
<asp:DataList ID="DataList1" runat="server" DataKeyField="ID" RepeatColumns="4" RepeatDirection="Horizontal" >
<ItemTemplate>
<div style="border-style:solid;color:black;width:300px;">
<div style="padding:5px;text-align:right">
<p>Hotel Name: <asp:TextBox ID="HotelName" runat="server" Text ='<%# Eval("HotelName") %>' /></p>
<p>First Name: <asp:TextBox ID="FirstName" runat="server" Text ='<%# Eval("FirstName") %>' /></p>
<p>Last Name: <asp:TextBox ID="LastName" runat="server" Text ='<%# Eval("LastName") %>' /></p>
<p>City: <asp:TextBox ID="City" runat="server" Text ='<%# Eval("City") %>' /></p>
<p>Province: <asp:TextBox ID="Province" runat="server" Text ='<%# Eval("Province") %>' /></p>
Active: <asp:CheckBox ID="Active" runat="server" Checked = '<%# Eval("Active") %>'/>
</div>
</div>
</ItemTemplate>
</asp:DataList>
现在，我们要加载的代码可能是这样的：
DataTable rstData = new DataTable();
protected void Page_Load(object sender, EventArgs e)
if (!IsPostBack)
LoadData();
ViewState["MyData"] = rstData;
else
rstData = (DataTable)ViewState["MyData"];
void LoadData()
using (SqlConnection conn = new SqlConnection(Properties.Settings.Default.TEST4))
string strSQL = "SELECT top 10 * from tblHotels ORDER BY HotelName";
using (SqlCommand cmdSQL = new SqlCommand(strSQL, conn))
conn.Open();
rstData.Load(cmdSQL.ExecuteReader());
DataList1.DataSource = rstData;
DataList1.DataBind();
现在我们有了这个：
现在，我们的过滤器显示/隐藏变成了这样：
protected void ckFilter_CheckedChanged(object sender, EventArgs e)
// filter based on check box
if (ckFilter.Checked)
rstData.DefaultView.RowFilter = "Active = 1";
else
rstData.DefaultView.RowFilter = "";
DataList1.DataSource = rstData;
DataList1.DataBind();
更好的是，如果我取消选中该复选框，所有数据都会重新显示。而且我们不必重新访问数据库来执行此操作！！！
现在，我们也可以只隐藏/显示每一行，然后如果由于某种原因您不想像我在上面所做的那样保留数据表，则取消隐藏。
检查框过滤器：
如前所述，如果我取消选中该框，那么我会取回所有数据 - 无需再次访问数据库。
编辑：==========================================
请注意，如果您不使用上面的横向，而只是向下行？
然后您也可以设置格式以隐藏/显示行，而不必保留数据表。
您可以通过这样做来应用格式：
protected void ckFilter_CheckedChanged(object sender, EventArgs e)
foreach (DataListItem gRow in DataList1.Items)
// get checkbox
CheckBox ckActive = (CheckBox)gRow.FindControl("Active");
// get div
htmlGenericControl Myiv = (HtmlGenericControl)gRow.FindControl("myrow");
string MyFormat = "normal";
if (ckFilter2.Checked)
// only show active ones
if (ckActive.Checked)
MyFormat = "normal";
else
MyFormat = "none";
Myiv.Style["display"] = MyFormat;
所以上面的工作正常。但是限制是您不能像我的原始屏幕截图那样拥有一组横向数据项 （它实际上仍然有效，但实际上用空格隐藏了每个面板）。
所以，如果您使用垂直布局（看起来就是这样）。
请注意，我在“div”中添加了一个简单的 ID，并像这样运行服务器：
<ItemTemplate>
<div id="myrow" runat="server"
style="border-style:solid;color:black;width:300px;">
然后跳过我的第一个示例。您可以循环数据列表行，并隐藏或取消隐藏。更令人惊奇的是，如果您取消隐藏 - 那么所有行都会重新出现并保持正确。
我提取了一个工作示例 - 但我试图弄清楚为什么我必须保留数据 - 原因是跨设置的“水平尾”。
但是，如上所示，实际上不需要持久化数据源表 - 您可以处理数据列表行，并根据条件隐藏/显示每个行，并且无需重新绑定数据即可做到这一点。
【讨论】：
以上是关于基于属性隐藏整个数据列表项的主要内容，如果未能解决你的问题，请参考以下文章