girdview希望支持列百分比！

含章

最近在做表格的时候，发现gridview只支持width="..px",我希望能支持像width="40%"这样的功能，我自己最近也在看ExtJS,发现ExtJS是支持百分比。我的项目需要做给电信的那帮家伙用，就怕他们的电脑屏幕太大，显示不好看。老大辛苦了

易水临风

顶，同感！

你是我的

支持一个.

刘军

这个问题我也很苦恼啊，现在的一列自动扩展，其他的所有都固定死宽度

wyrdtc

什么时候能支持百分比呢？关注中.....

support

下个版本会对表格列的宽度做处理，虽然extjs不支持百分比的形式，不过有更灵活的设置....

support

搞定，这个feature会出现在v3.1.8中。

        +重新规划Grid中列宽度的设置（之前必须为除了ExpandUnusedSpace的列设置固定宽度）（含章）。
                -增加属性MinColumnWidth（列的最小宽度）。
                -增加属性AutoExpandColumn，自动扩展宽度以填充剩余空间的列（ColumnID）（如果设置了ForceFitFirstTime或者ForceFitAllTime，则忽略此属性）。
                -增加属性AutoExpandColumnMax和AutoExpandColumnMin。
                -增加属性ForceFitFirstTime，成比例改变表格各列的宽度，以防止出现水平滚动条（仅在第一次加载表格时有效）。
                -增加属性ForceFitAllTime，成比例改变表格各列的宽度，以防止出现水平滚动条（第一次加载和之后改变表格宽度时都有效）。
                -增加属性VerticalScrollWidth，垂直滚动条的宽度（不设置则自动计算宽度，0则消除右侧预留的滚动条宽度）。
                -增加示例grid/grid_forcefit.aspx。

比如在这个例子中，虽然每列都设置了固定宽度，其实表格会根据这些宽度成比例重新计算每列的宽度，也就等价于百分比了。

1. <ext:Grid ID="Grid1" ShowBorder="true" ShowHeader="true" Title="表格（ForceFitAllTime=true、VerticalScrollWidth=0）" Width="900px"
   
2.         ForceFitAllTime="true" runat="server" VerticalScrollWidth="0px" DataKeyNames="Guid">
   
3.         <Columns>
   
4.             <ext:TemplateField Width="50px">
   
5.                 <ItemTemplate>
   
6.                     <asp:Label ID="Label1" runat="server" Text='<%# Container.DataItemIndex + 1 %>'></asp:Label>
   
7.                 </ItemTemplate>
   
8.             </ext:TemplateField>
   
9.             <ext:BoundField Width="100px" DataField="Name" DataFormatString="{0}" HeaderText="姓名" />
   
10.             <ext:TemplateField Width="50px" HeaderText="性别">
    
11.                 <ItemTemplate>
    
12.                     <%-- Container.DataItem 的类型是 System.Data.DataRowView 或者用户自定义类型 --%>
    
13.                     <%--<asp:Label ID="Label2" runat="server" Text='<%# GetGender(DataBinder.Eval(Container.DataItem, "Gender")) %>'></asp:Label>--%>
    
14.                     <asp:Label ID="Label3" runat="server" Text='<%# GetGender(Eval("Gender")) %>'></asp:Label>
    
15.                 </ItemTemplate>
    
16.             </ext:TemplateField>
    
17.             <ext:BoundField Width="50px" DataField="EntranceYear" HeaderText="入学年份" />
    
18.             <ext:CheckBoxField Width="50px" RenderAsStaticField="true" DataField="AtSchool" HeaderText="是否在校" />
    
19.             <ext:HyperLinkField Width="200px" HeaderText="所学专业" DataToolTipField="Major" DataTextField="Major"
    
20.                 DataTextFormatString="{0}" DataNavigateUrlFields="Major" DataNavigateUrlFormatString="http://gsa.ustc.edu.cn/search?q={0}"
    
21.                 DataNavigateUrlFieldsEncode="true" Target="_blank" />
    
22.             <ext:ImageField Width="50px" DataImageUrlField="Group" DataImageUrlFormatString="~/images/16/{0}.png"
    
23.                 HeaderText="分组"></ext:ImageField>
    
24.             <ext:BoundField Width="100px" DataField="LogTime" DataFormatString="{0:yy-MM-dd}"
    
25.                 HeaderText="注册日期" />
    
26.         </Columns>
    
27.     </ext:Grid>

复制代码

e先生

support 发表于 2012-6-5 13:49
搞定，这个feature会出现在v3.1.8中。

        +重新规划Grid中列宽度的设置（之前必须为除了ExpandUnused ...

老大，给力啊