很基础的东西,在运行的时候更换grid的内容(grid结构,store的记录等)
//延时5秒
(function(){
alert("pop out defer 5 seconds");
changeGrid(grid);
}).defer(5000);
var changeGrid = function(grid){
var index = new Ext.grid.RowNumberer();
var newColumnModel = new Ext.grid.ColumnModel([index, {
header : "test once",
width : 230,
dataIndex : "test1",
sortable : true
}, {
header : "lalal twice",
width : 230,
dataIndex : "test2",
sortable : true
}]);
var newStore = new Ext.data.ArrayStore({
fields: [
{name: 'test1'},
{name: 'test2'}
]
});
// manually load local data
newStore.loadData([['魏超','哈哈哈'],['啊','这是测试啊'],['fasf ','唉,无聊的测试']]);
//重新加载store和columnModel
grid.reconfigure(newStore,newColumnModel);
//grid.getTopToolbar().bind(newStore);
}
分享到:
相关推荐
1. **组件化**:ExtJS 强调的是组件化的开发模式,它提供了多种预定义的UI组件,如表格(Grid)、树形视图(Tree)、表单(Form)、面板(Panel)等,这些组件可以独立使用,也可以组合起来创建更复杂的应用界面。...
6. **皮肤系统**:ExtJS 3.2支持多皮肤,开发者可以通过更换皮肤来改变应用的视觉风格,适应不同的品牌和设计需求。 7. **事件处理**:基于观察者模式的事件系统使得组件间通信简单易行,开发者可以方便地监听和...
最近在自学Extjs,做了一个小例子,后台使用SSH,前台是ExtJs,其中包含了很多内容,例如grid,TreeGrid,comboxTree,分页等内容,数据库采用的是mysql,文件中包含了数据库文件,导入mysql数据库即可,希望可以对初学者有一点...
11. **国际化(Internationalization, i18n)**:ExtJS支持多语言,通过更换语言包可以方便地实现应用的国际化。 12. **拖放(Drag & Drop)**:ExtJS提供了完善的拖放功能,可以轻松创建可拖动和可接收的元素。 ...
ExtJS 3支持多语言应用,通过更换语言包即可实现界面语言的切换。 七、工具类(Utils) ExtJS 3还包含许多实用工具函数,如数组操作、字符串处理、日期格式化等,方便开发者编写代码。 八、扩展与插件 除了核心库...
9. **Grid组件增强**:网格组件支持分页、排序、过滤和编辑等功能,更易于创建数据展示和操作的界面。 通过下载提供的`ExtJS_API_3.0zh_CN_And_en_US_chm.rar`和`Ext+3.0API_zh_CN_And_en_US_browser.rar`文件,...
- 支持多语言应用,通过更换语言包可以轻松切换应用的语言环境。 10. **主题和皮肤(Themes & Skins)** - ExtJs提供预定义的主题,如Gray、/access等,也可自定义皮肤,改变组件的样式和外观。 这个压缩包中的...
4. **表格(Grid)**:EXTJS的表格组件强大且功能丰富,支持分页、排序、过滤、编辑等功能,是处理大量数据的理想选择。 5. **窗口(Windows)**:EXTJS中的窗口组件可以创建弹出式对话框,它们可以自由移动、调整...
- 支持多语言切换,通过更换语言包文件,实现应用的本地化。 11. **工具类(Utilities)** - 提供大量实用函数,如数组操作、字符串处理、日期时间格式化等。 这个CHM文档涵盖了ExtJS 3.0的方方面面,是开发过程中...
4. **表格(Grid)组件**:Grid是ExtJS中非常重要的一个组件,用于展示和操作表格数据。它支持分页、排序、过滤和行编辑等功能,是展示和管理数据的理想选择。 5. **表单(Form)组件**:ExtJS 2.0提供了一系列的...
9. **主题和皮肤**:ExtJS支持更换主题,通过Sass预处理器,开发者可以定制符合自己需求的外观和样式。 10. **国际化**:ExtJS提供了国际化支持,允许应用根据用户的选择显示不同语言的界面。 通过阅读`ExtjsAPI...
1. **组件库**:EXTJS 3.0包含一个庞大的组件库,如表格(Grid)、面板(Panel)、窗口(Window)、菜单(Menu)、按钮(Button)、表单(Form)等,这些组件都经过优化,具有高度可定制性和可扩展性。 2. **数据...
1. **核心类库**:讲解了Ext的基础类,如Element、Component、Store、Grid等,这些是构建所有组件的基础。 2. **事件处理机制**:分析了事件监听和触发的机制,以及如何有效地使用事件驱动编程。 3. **数据模型与...
7. **主题和皮肤**: ExtJS允许自定义主题和皮肤,所以这个模板可能预设了一个Windows风格的皮肤,用户也可以根据需求更换其他主题。 8. **性能优化**: 使用ExtJS构建的大型应用需要注意性能优化,比如延迟加载、...
在"Ext CURD"的场景中,我们将使用ExtJS的Grid面板来显示数据,FormPanel来进行数据编辑,以及Ajax源来处理与服务器的通信。 1. **创建(Create)**: 在ExtJS中,可以通过FormPanel来收集用户输入的数据,并通过...
3. **Grid Panel**:EXT3.4的表格控件(Grid Panel)非常强大,支持分页、排序、过滤、编辑等功能,可以处理大量数据并提供优秀的用户体验。 4. **Ajax交互**:框架内置了Ajax功能,方便与服务器进行异步通信,可以...
- **主题和样式**:ExtJS支持自定义主题和样式,可以通过更换皮肤快速改变应用的整体外观。 - **兼容性**:ExtJS支持主流浏览器,并针对不同的浏览器进行了优化。 从文件内容可以得知,使用的ExtJS版本为2.2。用户...
1. **EXTJS组件库**:EXT 3.0.0包含了大量的UI组件,如表格(Grid)、树形视图(Tree)、面板(Panel)、表单(Form)、菜单(Menu)、工具栏(Toolbar)等。这些组件都经过精心设计,具备高度可定制性和可扩展性,...