FineUI 官方论坛

标题: Grid行扩展出现问题，求解 [打印本页]
作者: michenboa    时间: 2012-4-20 23:41
标题: Grid行扩展出现问题，求解
[attach]322[/attach]
  1. <style type="text/css">
  2. .x-grid3-row-body .expander
  3. {
  4. padding: 5px;
  5. }
  6. .x-grid3-row-body .expander p
  7. {
  8. padding: 5px;
  9. }
  10. .x-grid3-row-body .expander strong
  11. {
  12. font-weight: bold;
  13. }
  14. </style>
复制代码
  1. <ext:PageManager ID="PageManager1" runat="server" AutoSizePanelID="Panel1" />
  2. <ext:Panel ID="Panel1" runat="server" BodyPadding="5px" EnableBackgroundColor="true"
  3. ShowBorder="False" ShowHeader="False" Title="Panel" BoxConfigAlign="Stretch" Layout="VBox">
  4. <Items>
  5. <ext:Panel ID="Panel2" runat="server" EnableBackgroundColor="true"
  6. ShowBorder="False" ShowHeader="False" Layout="Fit" BoxFlex="1">
  7. <Items>
  8. <ext:Grid ID="Grid1" runat="server" EnableRowNumber="true"
  9. Title="编辑产品信息" AllowPaging="True" ShowBorder="False" PageSize="5"
  10. DataKeyNames="Id" OnPageIndexChange="Grid1_PageIndexChange"
  11. EnableCheckBoxSelect="True">
  12. <Columns>
  13. <ext:TemplateField RenderAsRowExpander="true">
  14. <ItemTemplate>
  15. <div class="expander">
  16. <p><strong>产品名称：</strong><%# Eval("Title")%></p>
  17. <p><strong>产品简介：</strong><%# Eval("Summary") %></p>
  18. </div>
  19. </ItemTemplate>
  20. </ext:TemplateField>
  21. <ext:BoundField DataField="Id" Hidden="true" />
  22. <ext:BoundField DataField="Title" HeaderText="产品名称" Width="250px" />
  23. <ext:BoundField DataField="Summary" HeaderText="产品简介" Width="400px" />
  24. </Columns>
  25. </ext:Grid>
  26. </Items>
  27. </ext:Panel>
  28. </Items>
  29. </ext:Panel>
复制代码

有几个问题要问：
.x-grid3-row-body  gird3是什么意思？
如何让红框里的内容离左边远一些？
如何限制BoundField里的文本长度？（打比方有100个字，我只想显示50字。Grid1.DataSource是IQueryable类型）

作者: Landroid    时间: 2012-4-21 00:10
本帖最后由 Landroid 于 2012-4-21 00:11 编辑

1、grid3应该是extjs里定义的grid样式命名格式（我猜的，至于为什么是3，我没深入研究过extjs，不了解）
2、css控制：padding-left:60px; （不知道float：left能行不）
3、限制文本长度有两种方式：
css实现
overflow:hidden;
word-break:keep-all;
white-space:nowrap;
text-overflow:ellipsis;
width:120px;
绑定字段截取
Eval("Summary").SubString(0,49)
还有哦，帖子应该发到问题提交区或交流讨论区哦




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