【问题标题】:How to wrap the DropDownList in the GridView FooterTemplate?如何在 GridView FooterTemplate 中包装 DropDownList?
【发布时间】:2014-02-05 11:04:28
【问题描述】:

请帮助我解决在 asp.net GridView FooterTemplate 中包装文本的问题。

我已经准备好使用以下命令包装 <ItemTemplate><EditItemTemplate>

<asp:TemplateField ItemStyle-Wrap="true"

但相同的代码不适用于FooterTemplate

请看下面的代码

<asp:TemplateField ItemStyle-Width="120px"   HeaderText="Bureau" ItemStyle-Wrap="true">
    <ItemTemplate>
        <asp:Label ID="lblBureau" runat="server" Text = '<%# Eval("Bureau_Ref_Type")%>'
            ></asp:Label>

    </ItemTemplate>

    <EditItemTemplate>
         <asp:Label ID="lblBureauEdit" runat="server" Visible="false" Text = '<%# Eval("Bureau_Ref_Id")%>'></asp:Label>
        <asp:DropDownList ID="ddlBureauEdit" runat="server">
       </asp:DropDownList>

    </EditItemTemplate>
    <FooterTemplate>
        <asp:DropDownList ID="ddlBureauFooter" runat="server">
       </asp:DropDownList>

     </FooterTemplate>
    </asp:TemplateField>

如果我减小 FooterTemplate Dropdowlist 项目文本页面中的大小似乎适合 1024 像素分辨率,但我们的客户想要相同的分辨率而不减小 Item 文本大小。所以我需要所有专家来帮助包装FooterTemplate中的项目。

谢谢 山姆

【问题讨论】:

    标签: c# html asp.net vb.net gridview


    【解决方案1】:

    您需要使用FooterStyle 来设置该部分的样式。您的 ItemStyle 设置仅适用于实际数据项(不是页脚或页眉)。

    您可以像这样重写标记的第一部分:

    <asp:TemplateField HeaderText="Bureau">
        <ItemStyle Width="120px" Wrap="true"></ItemStyle>
        <FooterStyle Wrap="true"></FooterStyle>
        <ItemTemplate>
        ...
    

    请注意,我已将您的 ItemStyle 设置移至 &lt;ItemStyle&gt; 设置块,并添加了 &lt;FooterStyle&gt; 设置块。

    【讨论】:

    • Jadarnel27,非常感谢您的回复,但是在设置页脚样式换行后,下拉菜单中的文本也没有变形,因此我的 asp.net 网格视图在我的 Div 和在屏幕上看起来不一样。请参阅下面的更新代码。
    • @Sambasiva 很抱歉听到您仍有问题。您在 DropDownList 溢出的地方使用什么浏览器?另外,我假设它是否水平溢出?是只在展开时才溢出,还是一直溢出?
    • 感谢您的快速回复。我正在使用 IE 10.0,是的 asp.net 网格视图中的下拉列表页脚模板由于项目文本太长而水平溢出。下拉列表一直在扩展(我的意思是当页面加载时,数据加载到 Dropdown 所以它一直在扩展)。下拉列表的扩展导致模板字段从其项目样式宽度溢出,因此网格视图也从 1024px 溢出。我的主要问题是在下拉列表中是否有任何方法可以将文本包装成 2 行(我知道在加载下拉列表时修剪项目数据)
    • @Sambasiva 哦,我现在明白你的问题了。不幸的是,您不能换行 DropDownList 项的文本。 Stack Overflow / etc 上有许多解决方法选项,大多数涉及使用自定义控件(不知道这是否适用于您的情况)或 JavaScript。请参阅此 Stack Overflow 帖子:How can I build a &lt;select&gt; with multiline option? 和此 Google 搜索:wrap text in option select
    • Jadarnel27,感谢您的快速回复,也感谢您为我指明了正确的方向。看起来 Jquery UI 选择菜单小部件将解决我的问题。 stackoverflow.com/questions/15368502/…Jquery UI 选择菜单小部件github.com/fnagel/jquery-ui/wiki/Selectmenu
    猜你喜欢
    • 2010-11-03
    • 2012-09-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-04-19
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多