如何更改QueryableFilterRepeater的布局？

Question

我使用的是ASP.NET动态数据实体Web应用程序包含页List.aspx上的内容占位符内QueryableFilterRepeater服务器控件，当我执行的网站，过滤器控制显示所有的过滤器（ 标签名称以及相应的Drop Down）垂直。

有什么办法，我们可以改变的布局和水平显示过滤器？

请在下面找到

<asp:QueryableFilterRepeater runat="server" ID="FilterRepeater"> 
    <ItemTemplate> 
    <asp:Label runat="server" Text='<%# Eval("DisplayName") %>' OnPreRender="Label_PreRender" /> 
    <asp:DynamicFilter runat="server" ID="DynamicFilter" OnFilterChanged="DynamicFilter_FilterChanged" /> 
    </ItemTemplate> 
    </asp:QueryableFilterRepeater> 

相应的cs文件的代码在.aspx代码： -

protected void Label_PreRender(object sender, EventArgs e) 
     { 
      Label label = (Label)sender; 
      DynamicFilter dynamicFilter = (DynamicFilter)label.FindControl("DynamicFilter"); 
      QueryableFilterUserControl fuc = dynamicFilter.FilterTemplate as QueryableFilterUserControl; 
      if (fuc != null && fuc.FilterControl != null) 
      { 
       label.AssociatedControlID = fuc.FilterControl.GetUniqueIDRelativeTo(label); 
      } 
     } 

protected void DynamicFilter_FilterChanged(object sender, EventArgs e) 
     { 
      GridView1.PageIndex = 0; 
     } 

需要的建议。 在此先感谢。

Answer 1

我通常包装在span元素的控制，然后使用CSS样式它，我想要的方式：

<asp:QueryableFilterRepeater runat="server" ID="FilterRepeater"> 
<ItemTemplate> 
    <span class="filter"> 
     <asp:Label runat="server" Text='<%# Eval("DisplayName") %>' OnPreRender="Label_PreRender" /> 
     <asp:DynamicFilter runat="server" ID="DynamicFilter" OnFilterChanged="DynamicFilter_FilterChanged"/>&nbsp; 
    </span> 
</ItemTemplate>