首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

GWT:DataGrid - 设置高度100%无法正确呈现

关于GWT(Google Web Toolkit)的DataGrid组件,设置高度100%无法正确呈现的问题,可以尝试以下几种方法来解决:

  1. 确保DataGrid的父容器具有明确的高度。如果DataGrid的高度设置为100%,那么它的父容器也需要有一个明确的高度。可以尝试设置父容器的高度为一个固定值,如500px,或者设置为100%,并确保其父容器也有一个明确的高度。
  2. 使用CSS样式来设置DataGrid的高度。可以尝试使用CSS样式来设置DataGrid的高度,如下所示:
代码语言:css
复制
.dataGrid {
  height: 100%;
}

然后将这个样式应用到DataGrid的实例上,如下所示:

代码语言:java
复制
dataGrid.addStyleName("dataGrid");
  1. 使用DataGrid的setHeight()方法来设置高度。可以尝试使用DataGrid的setHeight()方法来设置高度,如下所示:
代码语言:java
复制
dataGrid.setHeight("100%");
  1. 在窗口大小改变时,重新调整DataGrid的高度。可以尝试在窗口大小改变时,重新调整DataGrid的高度,如下所示:
代码语言:java
复制
Window.addResizeHandler(new ResizeHandler() {
  @Override
  public void onResize(ResizeEvent event) {
    dataGrid.setHeight(event.getHeight() + "px");
  }
});

希望这些方法能够帮助解决您遇到的问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

jbpm5.1介绍(12)

或者您可能GWT的能力与多种浏览器的排列的JavaScript生成高度优化的JavaScript大师好奇。 HTML,CSS和Java的知识虽然是假设,它并不需要运行这些教程。...代码到高度优化的JavaScript 保持一个多个浏览器的实现代码(JavaScript)的基地(JavaScript) AJAX应用程序开发过程中使用GWT 本入门教程分为8节,一个典型的应用程序开发周期...为了测试你的项目配置是否正确,你会在托管模式下运行GWT starter应用程序。然后,您将检查所创建的项目文件。 1。...在一般情况下,GWT应用程序将在“标准模式”一样好“Quirks模式”,但在一些情况下,使用面板和部件可能无法正确​​呈现。...这意味着,在不同浏览器和不同的客户端操作系统适当GWT按钮呈现。使用本地浏览器控件的好处是,他们的快速,方便,和最熟悉的用户。此外,他们可以用CSS样式。

6.9K40
  • 常见 Datagrid 错误

    将 AutoGenerateColumns 属性的设置保持为“True”(默认设置)的做法,仅在最简单的 Datagrid 方案中有效。...或是要创建一个复合服务器控件,其中的每个子控件都需要动态创建,因为无法以声明的方式创建这些子控件。如果遇到这些情况,请注意,提交页面时不要保留这些动态控件。...持续使用大型 ViewState Datagrid 控件会在页面中添加大量的 ViewState,这一点令人讨厌,因为这会导致呈现给用户的页面的总体大小急剧增加。...但如果禁用 ViewState,该步骤是必需的,这样在执行 Page_Load 后可以正确地引发其他 Datagrid 事件。...如果 Datagrid 启用了分页,且将其设置为在顶端显示,那么第一个项目就会成为分页程序项目。以下示例代码显示如何在引用项目数据之前进行正确的 ListItemType 检查。

    2.3K20

    Easyui 让DataGrid适应浏览器宽度

    DataGrid100%宽度的设置,但是有时不是很让人满意,比如你你放大或者拉放你的浏览器,那么DataGrid只维持第一次加载的宽高,非常难看 $('#List').datagrid({...你看到$(window).width() - 10和$(window).height() - 35 这是我设置的页面第一次载入,去后去窗体的宽度和高度进行计算,那么在第一次载入显示是正常的,但是放大或者拉伸浏览器...,datagrid将不做改变了,我们这是要用到一个jquery的方法,叫resize() 参数 fnFunctionV1.0 在每一个匹配元素的resize事件中绑定的处理函数。...--自动DataGrid 从第一次加载与重置窗体大小时候发生的事件:分部视图--> $(function () {...$(window).resize(function () { $('#List').datagrid('resize', { width: $(window

    1.5K70

    如何在DataGrid里面产生滚动条而不滚动题头

    如果你对用户的自定义控件以及ASP.NET页面的原理有所了解,我们知道控件最后都是要呈现(Render)在页面上的,因此我们可以重写这个方法来完成DataGrid的自定义呈现。...听一听真的有些吓人,那么复杂的控件怎么呈现?...好了,客户端脚本也有了,剩下的就是处理我们的客户端DataGrid了(也就是DataGrid呈现的客户端Table)。...为了可以呈现我们自己的DataGrid我们需要重写呈现方法如下所示: protected override void Render(HtmlTextWriter output)   {            ...由于此方法只是由该控件自己使用所以我们将它设置成私有的代码如下:  private string parseMarkup(){          // 插入THead标签和TBody标签

    1.5K110

    OEA 中 WPF 树型表格虚拟化设计方案

    则需要明白 IScrollInfo 的设计原理:     如果 UIVPanel 元素自己要处理滚动信息,它必须知道当前滚动条的 OffSet,并告知 ScrollViewer 需要的总大小是多少,这样才能正确地显示滚动条...还好,WPF 自带的 DataGrid 也带有行列虚拟化的功能,我们可以先看一下 DataGrid 是如何实现的。 下图是 DataGrid 打开行、列虚拟化功能后生成的可视树: ?    ...图1 DataGrid 虚拟化可视树结构     结合上面这个图,再查阅 DataGrid 源码,可以看出:     * 整个 DataGrid 表格中只有一个 ScrollViewer,表格作为一个...而表格行 TreeGridRow 类则继承自 HeaderedItemsControl 类型,它的总行高应该是本行的高度加上所有子行的高度,也不是一个定值,所以现在虚拟化功能也被关闭。...也只能打开最外层 TreeGridRow 的虚拟化功能,而树可能有第二层、第三层……,这些层都无法实现虚拟化。

    2.7K70

    探索 JQuery EasyUI:构建简单易用的前端页面

    3.1.1 区域设置 North: 顶部区域通常用于放置网页的标题栏或导航栏,可以设置高度和背景色。 South: 底部区域通常用于放置页脚信息或操作按钮,可以设置高度和背景色。...3.2.1 主要属性 title: 设置面板的标题。 iconCls: 设置面板标题前的图标样式。 width: 设置面板的宽度。 height: 设置面板的高度。...,并设置了标题为 “Hello Panel”,宽度为 300px,高度为 200px。...3.3.1 主要属性 title: 设置窗口的标题。 iconCls: 设置窗口标题前的图标样式。 width: 设置窗口的宽度。 height: 设置窗口的高度。 left: 设置窗口的水平位置。...,并设置了标题为 “Hello Window”,宽度为 300px,高度为 200px。

    6610

    一些前端框架的比较(上)——GWT、AngularJS 和 Backbone.js

    如果你觉得我哪些部分说得不正确,或者需要补充,也烦请告知。 需要预先说明的是,这篇文章不是教程,因此如果你对其中某一框架知之甚少,可能需要先去简单学习了解以后才能和我产生共鸣,或者产生反驳的冲动。...以下是第一部分,先谈谈 GWT、AngularJS 和 Backbone。我会在周末和下几周努力去完成其余的部分。 GWT 我在 《GWT 初体验》里已经举例叙述了我的感受。...这点其实很重要,一般的前端框架局限于在客户端上做文章,因而是无法严格把控这一点的。Google 的维护是品质的保证。...再有,一门声明式的语言始终是无法避免的。命令式的语言无法解决不直观的问题,我想没有人会喜欢一大堆丑陋的 get/set 方法。...无论是 Model 中的数据通过 set 方法来主动更新(JavaScript 代码更新),需要在 Model 中 bind 事件来监听;还是 DOM 树上的呈现发生被动变化(用户更新),需要在 View

    1.8K10

    ASP.NET MVC5+EF6+EasyUI 后台管理系统-分配角色给用户

    由于之前做了将权限赋给角色,还需要做将角色组赋给用户,和将用户赋给角色组,一个用户可以拥有多个角色组,一个角色组包含多个用户,打开模块管理,添加一个分配的操作码 并在 角色权限设置授权给他 在SysUser...这个大家应该想到了,所以先设置弹出界面的视图,我命名为GetRoleByUser 所以在SysUser添加以下3个方法 #region 设置用户角色 [SupportFilter(ActionName...JsonRequestBehavior.AllowGet); } } GetRoleByUser为弹出视图 GetRoleListByUser为根据选择的用户获取角色并让已经分配的角色呈现选择状态...]], onLoadSuccess: function () { var rows = $("#UserList").datagrid...= null) { $("#modalwindow").html("<iframe width='<em>100</em>%' height='<em>100</em>%'

    1.1K50

    最新jquery+easyui_api培训文档

    传入String类型,则先解析为Date类型   不正确的Date,返回 ''   如果时间部分为0,则忽略,只返回日期部分.    */ function formatDate(v) { if (...height:定义消息窗口的高度。 默认值100。msg:定义显示的消息文本。title:定义显示在标题面板显示的标题文本。timeout:如果定义为0,消息窗口将不会关闭,除非用户关闭它。...auto height 数字 设置面板的高度 auto left 数字 设置面板左侧位置 null top 数字 设置面板的顶部位置 null cls 字符串 给面板添加一个CSS类 null headerCls...resize options 设置面板的大小和布局,这些选项包含以下的属性:width: 新面板的宽度; height: 新面板的高度; left: 新面板的左侧位置; top: 新面板的顶部位置 move...(){ $('#test').datagrid('selectRecord','002'); } function unselectRow(){ $('#test').datagrid('unselectRow

    3.2K40

    GridView DataFormatString 的用法总结

    asp.net 2.0 中GridView里设置日期格式 在asp.net 1.0 中的datagrid设置日期字段格式时用 DataFormatString=”{0:yyyy-MM-dd}”即可...GridView中的时间格式化 但是我在显示时间的时候,始终无法使用DataFormatString=”0:yyyy-MM-dd”这个属性,使用了在页面上并没有想要的效果。...在asp.net 1.0 中的datagrid设置日期字段格式时用 DataFormatString=”{0:yyyy-MM-dd}”即可。...}” >时不会出现想要的显示效果, 页面显示格式为: 2006-11-1 0:00:00. asp.net 2.0 中GridView里设置日期格式 在asp.net 1.0 中的datagrid 中...dd}”,结果,日期2005-11-27 12:54:33 秒的显示结果为2005-54-27,于是发现,如果月份使用小写m,取得的是时间中分钟(minute),而不是月份(Month)的值,因此,正确设置应为

    2.9K20

    解析Java中文乱码的处理方法

    minSpareThreads="25" maxSpareThreads="75" enableLookups="false" redirectPort="8443" acceptCount="100...后来采用加入检查代码等方法探知故障原因如下: 显示乱码主要是因为通过类HttpServletResponse提供的方法setContentType无法改变返回给客户的数据的编码方式,正确的编码方式应为GB2312...无法检索中文信息则是因为,客户提交的中文信息经浏览器编码到达服务器后,Servlet无法将其正确解码。...在Servlet程序中,如果采用ServletRequest的方法getParameter取得参数值,在Solaris环境下,对汉字却不能正确解码。因而无法正确检索数据库。...8、如何解決GWT(google web toolkit)中文的问题 GWT中文乱码解决方法 (1)把你要显示的中文“测试字符串”输入到一个文件,如:1.txt; (2)进入命令行,进入1.txt所在的目录

    2.7K40
    领券