dojox的DataGrid在TitlePanel中宽度无法自动调整问题的解决办法 - 晶莹的代码 - ITeye博客

`

nswish

浏览: 106623 次
性别:
来自: 上海

最近访客更多访客>>

qiu6406

hellodota

etracer

lhj_ashby

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

rambolovepanda： "use strict";function ...
Javascript 严格模式详解
不爱学习的毛毛虫： hehe ,,,bucuo
[iOS开发] 电子书下载链接
nswish： txf_7337 写道大哥都1.1版本了啊官方文档http:/ ...
jQuery.AutoComplete 自动补全插件 1.0 发布
txf_7337：大哥都1.1版本了啊官方文档http://bassistanc ...
jQuery.AutoComplete 自动补全插件 1.0 发布
freecutelei：这个镜像的root密码是什么？
MacOS 10.7.4 VMWare镜像 BT下载

dojox的DataGrid在TitlePanel中宽度无法自动调整问题的解决办法

博客分类：

Javascript

浏览器 Dojo Firebug

阅读更多

当浏览器的尺寸发生变化时，dijit或者dojox的widgt一般都能自动适应窗口尺寸的变化。但是最近，我在dijit的TitlePanel中包含了一个dojox的DataGrid，当浏览器窗口发生变化后，TitlePanel能自动改变尺寸，但是DataGrid不行。这个问题的dojo版本是1.6

奇怪的是，如果我把DataGrid移除TitlePanel，放在TitlePanel的外部，那么2者皆可根据浏览器的尺寸变化自动调整宽度。通过使用firebug的调试功能侦测画面元素后发现，2种不同做法差别在于，当DataGrid置于TitlePanel时，DataGrid的style中会加入width和height的实际值，而DataGrid不在TitlePanel中时则没有。因此，在浏览器窗口发生变化时，DataGrid不能在TitlePanel中自动调整宽度。

这貌似是一个bug，也就是说如果DataGrid直接包含在TitlePanel中，画面初始化的时候，DataGrid的style属性会自动加入width和height的实际值。

基于这个发现，我试着将DataGrid的标签先用一个<div>标签包裹，然后再将这个<div>标签被TitlePanel包含。通过这个<div>隔离2者的直接包含。重新刷新页面，问题解决！！！

0
顶

1
踩

分享到：

Model of Django的知识 | Django框架下如何使用ajax的post方法

2011-03-22 18:48
浏览 1397
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

dojo的datagrid使用: 在本文中，我们将深入探讨Dojo的DataGrid组件的使用，包括如何配置、展示数据以及实现分页功能。Dojo是流行的JavaScript库，提供了一系列强大的UI组件，DataGrid就是其中之一，用于显示和操作表格数据。 1. **Dojo ...

用DOJO中的dojox.gfx做甘特图: 标题中的“用DOJO中的dojox.gfx做甘特图”表明了本文将探讨如何利用DOJO框架的dojox.gfx模块来创建甘特图。dojox.gfx是DOJO的一个图形库，提供了丰富的图形绘制功能，支持矢量图形的创建，非常适合用于制作图表、...

多文件上传 dojo组件 dojox.form.FileUploader: 通过阅读博文链接（已提供但无法访问），开发者可以获取更详细的使用教程和示例代码，以便在实际项目中有效地利用dojox.form.FileUploader组件。在实践中，理解如何配置和调用组件的方法、属性以及事件处理，是掌握...

Dojo包下载包含dijit dojo dojox util四个文件目录: 在实际开发中，根据项目需求，你可以选择引入这些目录中的特定模块。例如，如果你只需要基础的DOM操作和Ajax请求，那么主要使用dojo模块；如果需要构建用户界面，那么dijit将发挥重要作用；对于复杂的数据可视化或...

window.name解决跨域问题的文档: 后来，Kris Zyp 在此方法的基础上强化了 window.name 传输，并引入到了 Dojo（dojox.io.windowName），用来解决跨域数据传输问题。 window.name 传输技术的美妙之处在于：name 值在不同的页面（甚至不同域名）加载...

dojodatagrid分页示例代码: 在本文中，我们将深入探讨Dojo DataGrid的分页功能，并通过示例代码来解析其工作原理。Dojo DataGrid是Dojo Toolkit中的一个组件，...在实际项目中，可以根据需求进行调整和优化，确保DataGrid的分页功能满足业务需求。

arcgis javascript api本地部署问题解决: 本文将深入探讨如何解决这些问题，让你在本地开发环境中流畅地使用ArcGIS JavaScript API。首先，理解ArcGIS JavaScript API的工作原理至关重要。API依赖于一系列的JavaScript库和Web服务，包括地图服务、地理编码...

SVG to dojox.gfx Convertor-开源: 这个开源项目“SVG to dojox.gfx Convertor”专注于解决一个问题：将SVG图形转换成与Dojo Toolkit的dojox.gfx库兼容的代码。这样，开发者可以利用这个转换器将设计好的SVG图形无缝地集成到他们的Web应用中，利用...

bugfix.txt: 最后，在 `dojox/grid/cells/tree.js` 文件中的 `formatIndexes` 方法主要用于格式化行索引，以确保在编辑状态下正确显示数据。该方法会检查当前单元格是否处于编辑状态，并返回相应的格式化后的数据。 #### 修复...

DOJO API 中文参考手册，附加注解实例(精心重新排版DOC文档): 例如，设置isDebug为true可以在开发过程中开启调试模式，baseScriptUri可以指定Dojo脚本的基础URI，parseWidgets控制是否自动解析页面中的Widget标签。通过正确配置djConfig，开发者能更好地优化Dojo的性能和功能。 ...

Dojo Toolkit 1.2.0: Dojo + Dijit + DojoX: Extract files from the download locally or on a web server. Include <SCRIPT TYPE="text/javascript" SRC="dojo/dojo.js"></SCRIPT> and you're on your way. Browse to dojo/tests/runTests....

超多的Dojo实例应用演示源码: 4. **Dojo DojoX**：DojoX是Dojo的扩展库，包含了一系列高级功能和插件，如图形绘制（dojox/gfx）、图表（dojox/charting）、数据存储（dojox/data）等。这些示例将展示如何利用DojoX进行更复杂的应用开发。 5. **...

dojo例子之布局管理: Dojo的`dojox/layout/ResponsiveGridLayout`组件则可以根据屏幕宽度自动调整格子布局，使得内容在不同设备上都能适应。通过学习和实践这些Dojo布局管理的例子，开发者能够更好地理解如何利用Dojo的灵活性和强大...

typings:Dojo 1-TypeScript键入（包括Dijit和DojoX）: 每个主要名称空间都分为dojo ， dijit和dojox目录，其中的主要版本号位于其中的子目录中。当前仅包括Dojo 1.11。这些类型应该适用于Dojo 1.7以后的大多数较旧版本，尽管它可能包含一些较旧版本中未提供的功能。

dojo随手记 gird组件引用: 在Dojo框架中，`dojox.grid.Grid`是一个强大的数据网格组件，用于展示和操作表格数据。在提供的代码段中，尝试引用并使用这个组件来创建一个包含多个列的数据表格。然而，出现了一个404错误，表示浏览器无法找到`...

javascript使用window.name解决跨域问题第1/2页: 后来 Kris Zyp 在此方法的基础上强化了 window.name 传输，并引入到了 Dojo （dojox.io.windowName），用来解决跨域数据传输问题。window.name 传输技术的基本原理和步骤为： name 在浏览器环境中是一个全局/window...

vgolive.search.PagingGrid v1.0 源码: 这使得开发人员可以方便地在Web应用中实现数据的分页展示，无需担心底层数据存储的具体细节。首先，让我们深入了解Dojo框架。Dojo是一个强大的JavaScript库，提供了丰富的功能，包括UI组件、数据管理、异步通信、...

DOJO—API—中文参考手册: DOJO1.1.1版本中提供了大量的包，这些包主要分布在三个一级命名空间中：Dojo、Dijit和DojoX。其中： - **Dojo**：包含了核心功能包。 - **Dijit**：包含了所有的Widget组件。 - **DojoX**：包含了一些扩展或试验性的...

dojo toturial with design best practise: 在实际开发中，书中可能会讲解如何使用Dojo的dojox/data服务来处理数据，如dojox/data/ItemFileReadStore，它实现了数据存储的接口，适配各种数据源。同时，Dojo的dojox/grid DataGrid展示大量数据时，体现了适配器...

springjdbc的简单运用以及Dojo的小案例，包括了Dojo的相关资料包: 在案例中，可能会有一个简单的Dojo应用，比如一个按钮点击事件触发数据的获取和显示，或者使用Dojo的DataGrid展示数据库查询结果。这将涉及到Dojo的数据绑定机制和Widget使用，例如`dojox/grid/DataGrid`。由于...

Global site tag (gtag.js) - Google Analytics