FineUI 官方论坛

标题: girdview希望支持列百分比！ [打印本页]
作者: 含章    时间: 2012-6-4 09:05
标题: girdview希望支持列百分比！
最近在做表格的时候，发现gridview只支持width="..px",我希望能支持像width="40%"这样的功能，我自己最近也在看ExtJS,发现ExtJS是支持百分比。我的项目需要做给电信的那帮家伙用，就怕他们的电脑屏幕太大，显示不好看。老大辛苦了
作者: 易水临风    时间: 2012-6-4 13:21
顶，同感！
作者: 你是我的    时间: 2012-6-5 01:18
支持一个.
作者: 刘军    时间: 2012-6-5 08:04
这个问题我也很苦恼啊，现在的一列自动扩展，其他的所有都固定死宽度
作者: wyrdtc    时间: 2012-6-5 09:11
什么时候能支持百分比呢？关注中.....
作者: support    时间: 2012-6-5 13:03
下个版本会对表格列的宽度做处理，虽然extjs不支持百分比的形式，不过有更灵活的设置....
作者: support    时间: 2012-6-5 13:49
搞定，这个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先生    时间: 2012-6-5 17:03
support 发表于 2012-6-5 13:49
搞定，这个feature会出现在v3.1.8中。

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

老大，给力啊



欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/) Powered by Discuz! X3.4