ASP.网络中继器响应控件绑定

本文关键字:控件 绑定 响应 中继器 网络 ASP | 更新日期: 2023-09-27 18:02:02

我有ASP。Net控件用于搜索属性,并使用复选框选项和asp.net。网络中继器。对于响应式设计,我在两个不同的地方有相同的绑定来匹配设计。

此处,CheckBoxList ID=Options1 &ID=Options2都具有相同的绑定,但代码将重复。我有400行来检查单个绑定的条件。我必须为另一个视图再次复制所有代码。是否有任何方法来优化代码与两个视图处理的单一绑定。(避免重复绑定和检查)?

// Desktop View
<div class="hidden-sm hidden-xs narrowSearch">
//Content
<asp:Repeater ID="rptAttributes1" runat="server" EnableViewState="true" OnItemDataBound="rptAttributes_ItemDataBound">
<ItemTemplate>
<li>
<div class="form">
<asp:CheckBoxList ID="Options1" runat="server" AutoPostBack="false" Visible="false"
DataTextField="EnOptionName" DataValueField="SubCategoryAttributeOptionID" Font-Strikeout="False" />
</div>
</li>
</ItemTemplate>
</asp:Repeater>
</div>
// Mobile view
 <div class="sec_left  hidden-lg hidden-md"> 
 <div class="moremenu narrowSearch">
//Content
 <asp:Repeater ID="rptAttribute2" runat="server" EnableViewState="true" OnItemDataBound="rptAttributes_ItemDataBound">
<ItemTemplate>
<li>
<div class="form">
<asp:CheckBoxList ID="Options2" runat="server" AutoPostBack="false" Visible="false"
DataTextField="EnOptionName" DataValueField="SubCategoryAttributeOptionID" Font-Strikeout="False" />
</div>
</li>
</ItemTemplate>
</asp:Repeater>
</div>
</div>

背后的代码:

 CheckBoxList chklOptions1 = item.FindControl("Options1") as CheckBoxList;
 CheckBoxList chklOptions2 = item.FindControl("Options2") as CheckBoxList;

ASP.网络中继器响应控件绑定

您可以将您的中继器(包括声明性代码以及您在页面代码后面的代码)放置到自定义用户控件中。然后将用户控件放在页面的每个部分(桌面和移动)中。这是避免重复代码的最简单方法。话虽如此,由于您只提供了页面的代码隐藏类中的部分代码,因此当您将页面的代码隐藏类中的命令式代码移动到用户控件中时,我无法确定需要进行哪些更改。

祝你好运!