`

EXTJS4 开发折腾点

 
阅读更多

(1)动态修改对象的 items, 如用 myPanel.add(item).doLayout(),其中的 item 一定要设置ID。

 

...
			addItems : function(records) {
				for (var i = 0; i < records.length; i++) {
					var rec = records[i];
					var category = rec.get('code');
					var catePanel = Ext.create('Ext.Panel', {
								id : 'categroiesview-' + rec.get('code'),
								width : 250,
								title : rec.get('name'),
... ...
							});
					this.add(catePanel);

				};
			},
...
 

 

(2)按钮中文字有多行,想要实现多行和单行的按钮高度一样,中间的文件垂直居中,通过 afterrender 事件调用 defer 方式设置文本的 line-height,根据字数长度计算出每行的行高,再设置行高,能达到目的。

 

	var buttonf = function(id, value, icons, record) {
		var lineCount = Math.ceil(value.length / 24);
		var lh = Math.ceil(40 / lineCount);
		var btn = new Ext.Button({
... ...
					__textLineHeight : lh,
					__resetLineHeight : function() {
						var els = Ext.get(ids + '-btnInnerEl', true);
						els.setStyle('lineHeight', this.__textLineHeight + 'px');
					},
					listeners : {
						afterrender : function(cmp, eOpts) {
							Ext.defer(this.__resetLineHeight, 1, this, []);
						}
					}
 


 
  • 大小: 39.8 KB
分享到:
评论

相关推荐

    EXTJS4开发的图片文章管理项目实例

    总结来说,这个EXTJS4开发的图片文章管理项目实例展示了前端EXTJS4的强大UI构建能力,后端JAVA的稳定处理性能,以及MYSQL数据库的数据存储功能。通过学习这个实例,开发者可以深入理解EXTJS4的MVC架构,JAVA的Web...

    Extjs4开发笔记(收集整理).pdf

    在Extjs4开发笔记(一)中,作者提到了其项目文件夹结构中包含的几个主要部分:Data文件夹用于存放数据库文件,其中包含几张用于管理系统的表;Images文件夹存放图片资源;Include文件夹包含ASP服务器端用到的辅助...

    Extjs4.0开发包

    这个“Extjs4.0开发包”包含了开发人员需要的所有资源,包括库文件、示例和API文档,以便于理解和使用ExtJS 4.0。 首先,让我们深入了解ExtJS的核心概念。ExtJS基于MVC(Model-View-Controller)架构模式,这是一种...

    ExtJS4中文教程2 开发笔记 chm

    Extjs4开发笔记(四)——实现登录功能 Extjs4开发笔记(一)——准备工作 关于Extjs4开发笔记(二)的补充说明 在Extjs4应用中使用Ext.Loader ======================================= 11条jquery常用技巧和方法...

    extJs4.0 开发手册源码

    4. **文档**:EXTJS的开发手册提供了详细的API文档,解释了各个类、方法和事件的用途。 5. **CSS样式**:EXTJS的样式文件(如ext-all.css)控制着组件的外观,源码中会包含这些CSS文件及其定义。 6. **测试用例**...

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...

    extjs4 开发的部分纯静态页面

    标题中的“extjs4 开发的部分纯静态页面”指的是基于ExtJS 4框架开发的一些不涉及服务器端交互的网页。ExtJS是一个强大的JavaScript库,主要用于构建富客户端应用程序,尤其是那些具有复杂用户界面和数据管理需求的...

    在Eclipse中开发Extjs4代码

    在Eclipse中开发Extjs4代码是一个涉及到前端开发和集成开发环境(IDE)结合的实践过程。ExtJS是一个流行的JavaScript库,用于构建富客户端应用程序,而Eclipse则是一款广泛使用的开源IDE,支持多种编程语言,包括...

    ExtJS6开发培训

    ExtJS6开发培训,含有教程与说明文档等资源,按照教程即可学会ExtJS6开发。

    ssh+extjs4整合开发

    在IT行业中,SSH+EXTJS4的整合开发是一种常见的前端与后端技术栈结合,用于构建功能丰富的Web应用程序。SSH代表Spring、Struts和Hibernate,它们分别是Java领域中用于处理不同层面的三个核心框架:Spring提供了依赖...

    ExtJs实用开发指南

    ExtJs实用开发指南是新手入门extjs的非常棒的资料

    ExtJS实用开发指南.pdf

    ExtJS实用开发指南.pdf

    extjs4-教程

    ExtJS4开发环境搭建 ExtJS4是使用JavaScript进行开发的框架,专门用于构建富互联网应用(RIA)。搭建ExtJS开发环境需要预先安装一些软件和配置开发环境。以下步骤详细介绍了如何搭建ExtJS4的开发环境: - **安装...

    extjs实用开发指南

    extjs实用开发指南 ExtJS 是一个很不错的Ajax 框架,可以用来开发带有华丽外观的富客户端应用,使得我 们的b/s 应用更加具有活力及生命力。ExtJS 是一个用javascript 编写,与后台技术无关的前 端ajax 框架。因此,...

    extjs3.0开发包以及文档

    extjs框架,学习,开发,extjs3.0开发包以及文档

    extjs开发文档学习资料

    extjs开发文档学习资料extjs开发文档学习资料extjs开发文档学习资料extjs开发文档学习资料extjs开发文档学习资料extjs开发文档学习资料extjs开发文档学习资料

    extjs 4.2 开发 参考书

    在ExtJS 4.2中,主要的知识点包括: 1. **架构和核心概念**:理解MVC(Model-View-Controller)架构是至关重要的,它是ExtJS组织代码的基础。另外,掌握Store、Model、Proxy、Reader和Writer的概念,用于处理数据的...

    extjs开发必备利器

    ExtJS是一种基于JavaScript的富客户端应用...总之,掌握上述知识点和工具,将使你在ExtJS4开发中事半功倍。从代码编辑、调试、性能优化到团队协作,每个环节都有相应的利器辅助,使你能够更高效地开发出绚丽的UI应用。

    实用ExtJs界面开发工具

    一款很好用的ExtJs界面开发工具 习惯对你学习Extjs有一定的帮助

Global site tag (gtag.js) - Google Analytics