var myGrid = new Ext.grid.gridPanel(gridConfig);
myGrid.on('render', function(grid) {
var store = grid.getStore(); // Capture the Store.
var view = grid.getView(); // Capture the GridView.
myGrid.tip = new Ext.ToolTip({
target: view.mainBody, // The overall target element.
delegate: '.x-grid3-row', // Each grid row causes its own seperate show and hide.
trackMouse: true, // Moving within the row should not hide the tip.
renderTo: document.body, // Render immediately so that tip.body can be referenced prior to the first show.
listeners: { // Change content dynamically depending on which element triggered the show.
beforeshow: function updateTipBody(tip) {
var rowIndex = view.findRowIndex(tip.triggerElement);
tip.body.dom.innerHTML = "Over Record ID " + store.getAt(rowIndex).id;
}
}
});
});
分享到:
相关推荐
Ext3.0是一款强大的JavaScript库,专为构建富互联网应用程序(RIA)而设计。这个官方实例包提供了丰富的示例和代码片段,帮助开发者深入理解并掌握Ext3.0的使用方法。下面将详细介绍Ext3.0的核心特性、关键组件以及...
Ext3.0 API是Ext JS库的一个重要版本,它提供了丰富的JavaScript组件和接口,用于构建交互式的Web应用程序。这个API帮助文档包含了详细的功能说明、示例代码和类库结构,帮助开发者更好地理解和利用Ext3.0的功能。 ...
EXT3.0 API是EXT3.0的核心,提供了大量的组件、布局和数据管理工具,例如Grid面板、Form表单、Tree视图、Charts图表等。中文API文档的提供极大地降低了国内开发者的学习门槛,他们可以通过熟悉的语言快速理解和掌握...
Ext3.0中文API.CHM是一个关于Ext JavaScript库的离线帮助文档,它包含了Ext3.0版本的所有中文API详细信息。这个CHM文件(Compiled Help Manual)是微软开发的一种帮助文档格式,用户可以通过它方便地查找和学习Ext库...
"Ext 3.0 中文API.CHM"是针对这一版本的中文帮助文档,对于中国开发者来说,它是一个非常宝贵的资源,可以帮助他们更好地理解和使用ExtJS 3.0。 首先,让我们详细了解一下ExtJS的核心概念和主要组成部分: 1. **...
这个压缩包中的`Ext3.0英文API.CHM`和`Ext 3.0 中文.CHM`文件是帮助文档,可以离线查看。CHM是Microsoft的 Compiled HTML Help 格式,是一种常见的帮助文档格式,包含索引、目录和内容,方便用户快速查找和学习ExtJS...
EXT框架的最新版本为EXT3.0,它包含了API参考手册、示例程序和开发包。API参考手册为开发者提供了详细的技术文档,帮助他们理解和使用EXT的各种功能。示例程序涵盖了大约100个不同类型的实例,便于开发者学习和参考...
G4Studio_V3.0的图表示例让你了解如何动态加载数据,设置图例,添加工具提示,以及如何响应用户交互,比如点击事件。 四、表格 表格是展示大量数据的理想选择。在G4Studio_V3.0中,你会发现如何创建可分页、可排序...
3. 工具提示(Tooltips)和提示框(Tips):提供信息提示功能。 4. 国际化(Internationalization, i18n):支持多语言环境,方便全球化应用开发。 综上所述,ExtJS 3.0中文API为开发者提供了详尽的文档,涵盖了从...
再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件...
1. **组件体系**:ExtJS 3.0的核心是其组件模型,包括各种UI元素如按钮(Button)、表格(Grid)、面板(Panel)、表单(Form)等。这些组件具有高度可定制性,可以通过配置选项来满足不同的需求。 2. **布局管理**...
书中提供的示例代码基于 EXT2.2 版本,并且包含了即将发布的 EXT3.0 中的新特性。 **实践指南**: - **安装与配置**:首先,需要下载 EXT 发布包。发布包中包含了一个名为 `examples` 的目录,其中放置了各种演示...
- **插件**:许多功能可以通过插件扩展,例如Grid的分页插件`Ext.grid.PagingToolbar`。 8. **性能优化** - **延迟渲染**:组件的渲染可以在需要时才进行,提高页面加载速度。 - **内存管理和缓存**:合理使用...
通过下载提供的`ExtJS_API_3.0zh_CN_And_en_US_chm.rar`和`Ext+3.0API_zh_CN_And_en_US_browser.rar`文件,开发者可以查阅详细的中文API文档,了解每个类、方法、属性和事件的具体用法,同时结合英文对照,加深理解...
9. **工具提示(Tooltips)**:提供可定制的工具提示,增强用户体验。 10. **菜单(Menus)**:灵活的菜单系统,支持多层次和动态加载。 11. **拖放(Drag & Drop)**:内置的拖放API使得元素间拖放操作变得简单...
- **Ext Core**: ExtJs 的核心库,提供了 DOM 操作、事件处理、动画效果等基础功能。 - **Components**: ExtJs 的组件模型,允许开发者创建复杂的 UI 组件,如按钮、面板、窗口等。 - **Layouts**: 布局系统,...
题目中提到,所有文件位于"MyTest"目录下,可以运行,但需要下载ExtJS 3.0包并放置在网站根目录。这意味着你需要确保你的开发环境中已经正确设置了ExtJS库的路径,否则页面可能无法正常加载和运行。 实现拖拽树和...
支持的浏览器: IE 7.0+、Firefox 3.6+、Chrome 3.0+、Opera 10.5+、Safari 3.0+ 授权协议:Apache License 2.0 (Apache) ExtAspNet 是一组专业的Asp.net控件库,拥有原生的AJAX支持和丰富的UI效果。目标是创建没有...
-Grid中TemplateField生成到页面中控件具有唯一ID,例如Grid1_ct5_Label2,Grid1_ct6_Label2(feedback:geruger)。 +2009-09-27 v2.1.2 -为Tree控件增加GetExpandAllNodesReference和...
-Grid中TemplateField生成到页面中控件具有唯一ID,例如Grid1_ct5_Label2,Grid1_ct6_Label2(feedback:geruger)。 +2009-09-27 v2.1.2 -为Tree控件增加GetExpandAllNodesReference和...