您的位置:首页 > 运维架构

GridView修改含有DropDownList控件列的宽度

2013-07-03 16:17 162 查看
 GridView进入Edit模式,编辑列动态绑定DropDown List方便客户选择,但当里面的Item过长,不免令界面不美观



正确做法:

<asp:TemplateField HeaderText="test1" SortExpression="Lv1" >
                <ItemTemplate>
                    <%# Eval("Lv1")%>
                </ItemTemplate>
                <EditItemTemplate>
                    <asp:dropdownlist ID="test1"  width="148px" runat="server" Text='<%# Bind("Lv1") %>'    DataSource = "<%#getInitDT(0)%>" DataTextField ="Info"  DataValueField ="Code">
                     </asp:dropdownlist>
                </EditItemTemplate>
                <ItemStyle Width="150px" />
</asp:TemplateField>

 做法1:其它列宽也变化,而且DropDown List显示不正常

 gv_Test.Style.Add("table-layout", "fixed")




 做法2:IE9正常,IE8有问题,Header宽度没变

<asp:TemplateField HeaderText="test2" SortExpression="Lv2">
                <ItemTemplate>
                    <%# Eval("Lv2")%>
                </ItemTemplate>
                <EditItemTemplate>
                    <asp:dropdownlist ID="test2"  runat="server" style="max-width 100px !important; width: auto !important; width:100px;" Text='<%# Bind("Lv2") %>' DataSource="<%#getInitDT(1)%>" DataTextField ="Info"  DataValueField ="Code">
                     </asp:dropdownlist>
                </EditItemTemplate>
            </asp:TemplateField>

 


 无效做法3:

<EditRowStyle Width="150" />

无效做法4:

<RowStyle BackColor="#E7E7FF" ForeColor="DarkSlateBlue"  HorizontalAlign ="left" Wrap ="false" Width ="150px" />

 

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: