使用dojox.grid.DataGrid样式显示有问题 - ITeye问答

问答首页 → Web前端技术

0 0

使用dojox.grid.DataGrid样式显示有问题20

在页面里使用了dojox.grid.DataGrid，结果数据有显示出来，可是却是显示在容器的左上方，郁闷死了。该导入的文件我也都导了啊。下面是我写的页面代码和对应的JS：
导入的css文件有
<style type="text/css">
@import"js/dojox/grid/resourses/soriaGrid.css";
@import"js/dojo/resourses/dojo.css";
@import"js/dijit/themes/soria/soria.css";
</style>

<div dojoType="dijit.TitlePane" title="供电单位列表" style="height:100%;">
	    	<table dojoType="dojox.grid.DataGrid" id="unitGrid"
	    	rowsPerPage="5" region="center	" style="height:90px;">
		    	<thead>
		    		<tr>
		    			<th field="unitNO" width="200px">供电单位编号</th>
		    			<th field="unitName" width="200px">供电单位名称</th>
		    			<th field="unitType" width="200px">单位类别</th>
		    			<th field="phone" width="200px">联系电话</th>
		    			<th field="state" width="200px">删除状态</th>
		    		</tr>
		    	</thead>
	    	</table>
	    	<div style="text-align: right">
		    	<div dojoType="dijit.form.Button" id="btnEdit">编辑</div>
	    	</div>
    	</div>

以下是require的控件

dojo.require("dojo.parser");
dojo.require("dojo.data.ItemFileReadStore");
dojo.require("dojo.data.ItemFileWriteStore");
dojo.require("dijit.TitlePane");
dojo.require("dijit.form.Button");
dojo.require("dojox.grid.DataGrid");

下面是对应的显示数据的js代码其中data为后台回传的json字符串

function showUnitOnGrid(data){
	var unitGridStoreData = "{identifier: 'unitNO',label: 'unitNO',items: " + data + "}";
	unitGridStoreData = eval('('+unitGridStoreData+')');
	var unitGridStore = new dojo.data.ItemFileWriteStore({data:unitGridStoreData});
	var unitGrid = dijit.byId('unitGrid');
	unitGrid.setStore(unitGridStore);	
}

实在是搞不懂。我用的IE8兼容模式，数据也是显示在不正确的位置,而且grid的样式也没出来

JavaScript Dojo

2010年10月13日 10:11

无敌洋葱头
10
0 0 0

目前还没有答案

相关推荐

多文件上传 dojo组件 dojox.form.FileUploader: 标题中的“多文件上传 dojo组件 dojox.form.FileUploader”是指使用Dojo JavaScript库中的dojox.form.FileUploader组件来实现网页上的多文件上传功能。Dojo是一个强大的JavaScript框架，它提供了丰富的UI组件和工具...

用DOJO中的dojox.gfx做甘特图: 虽然dojox.charting.Chart2D可以方便地创建条形图，但直接使用dojox.gfx的优势在于可以自定义程度更高，对于复杂的甘特图需求，如特定的样式、交互或动画效果，dojox.gfx提供的底层绘图能力更加灵活。在CSDN上提供...

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

vgolive.search.PagingGrid v1.0 源码: 它扩展了Dojo的DataGrid，增加了对大量数据的分页显示。通过PagingGrid，用户可以查看数据集的一部分，而不是一次性加载所有数据，这降低了页面加载时间和内存消耗。PagingGrid通常会结合dojo.data接口使用，例如，...

dojo随手记 gird组件引用: 这可能会影响表格的显示，即使`dojox.grid.Grid`模块被正确引用。为了解决这个问题，你可以尝试以下步骤： 1. 检查Dojo库的安装，确保包含了`dojox.grid`相关的所有文件。 2. 确认Dojo的路径设置正确，所有模块和...

使用HTML5实现多文件上传: Uploader(dojox.form.Uploader)，它具有一个可定制样式的fileinput按钮，可使用多文件选择模式，且完全基于HTML元素。在不支持HTML5的浏览器中，该控件可以自动切换到使用Flash或者iframe。Fileinput之所以叫...

dojo的datagrid使用: 同时，我们可以使用`dojox/grid/EnhancedGrid`的插件`dojox/grid/enhanced/plugins/Pagination`来添加分页控制条。这个插件提供了上一页、下一页、跳转到指定页等功能。配置插件时，需要设置`rowsPerPage`属性来指定...

dojo Grid例子: 4. **自定义模板**：通过使用dojox.grid.cells和dojox.grid.cells._Base，开发者可以创建自定义单元格类型，从而实现特殊格式或行为。这些例子可能包含如何显示日期、货币或其他复杂格式的单元格。 5. **编辑功能**...

Master Dojo: - **WishList应用**：本书通过一个具体的示例——WishList应用，展示了如何使用Dojo.Data模块来处理用户数据，以及如何使用dojox.grid来显示和编辑这些数据。 - **具体步骤**：从创建数据模型开始，然后使用Dojo....

DOJO API 中文参考手册，附加注解实例(精心重新排版DOC文档): DojoX包含了如dojox.charting用于绘制统计图表，dojox.collections提供集合数据结构，dojox.encoding实现了加密功能，dojox.math包含数学函数，dojox.reflect提供反射功能，dojox.storage支持本地数据存储，dojox....

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

dojo api 中文版: 环境相关包位于语言库之上，负责处理跨浏览器的问题。Widget 系统是 Dojo 的最高层，提供了一些用户界面元素，如按钮、进度条和树等。 Dojo 提供了上百个包，分别放入三个一级命名空间：Dojo、Dijit 和 DojoX。其中...

DOJO_API_中文参考手册附加注释实例: Dojo API中文参考手册是一个面向初学者的指导性文件，它详细介绍了Dojo框架的体系结构、常用包及功能，并通过附加注释实例帮助开发者理解和使用Dojo。以下是根据给定内容整理的知识点： 1. Dojo体系架构分层： - ...

dojo api最好资料: 由于不同的浏览器可能有不同的行为模式，Dojo通过环境相关包确保了代码能够在各种环境中稳定运行。 #### 应用程序支持库应用程序支持库包含了大量实用API，例如网络请求、动画效果等。这一层是开发人员最频繁使用...

kGallery:kGallery 是一个使用 jQuery 库在 JavaScript 上编写的画廊。能够处理数百张图片: 最接近的模拟是 dojox.image.Gallery (dojox.image.ThumbnailPicker+dojox.image.SlideShow)，但是 kGallery 不需要下载几十个带有 dojo 库代码的 JavaScript 文件。 kGallery 包含 kSlideshow 和 kThumbnailPicker...

dojodatagrid分页示例代码: DataGrid的核心是`dojox/grid/DataGrid`模块，它依赖于`dojo/store`和`dojo/data`这两个数据层模块。分页通常与`dojo/data/ItemFileReadStore`或`dojo/store/Memory`结合使用，它们负责存储和检索数据。 **分页实现...

dojo api 1.0 中文文档: 3. **环境相关包**：这部分处理跨浏览器兼容性问题，确保 Dojo 可以在不同的浏览器环境中无缝运行。 4. **应用程序支持库**：这层包含了大量开发者常用的 API，例如 IO 包用于执行 Ajax 调用等。 5. **Widget 系统**...

dojo enhancedGrid pagination 分页实现: var grid = new dojox.grid.EnhancedGrid({ id: "grid", store: store, structure: [ // 列定义... ], plugins: { pagination: { pageSizes: ["10", "25", "50", "All"], defaultPageSize: 10, ...

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

dojo API pdf: 3. **环境相关包**：用于处理跨浏览器兼容性问题，确保Dojo可以在不同的浏览器环境中正常运行。 4. **应用程序支持库**：这是开发者主要使用的部分，包含了大量的实用API，如IO包支持Ajax调用等功能，极大地提高了...

Ask-but

我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

查看全部排名>>

Global site tag (gtag.js) - Google Analytics