FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 4285|回复: 1
打印 上一主题 下一主题

Grid行扩展出现问题,求解

[复制链接]
跳转到指定楼层
楼主
发表于 2012-4-20 23:41:39 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

  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类型)

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
沙发
发表于 2012-4-21 00:10:05 | 只看该作者
本帖最后由 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 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-5-4 12:04 , Processed in 0.049138 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表