`
zzhangyx
  • 浏览: 69986 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

EXTJS 4 学习笔记

    博客分类:
  • EXT
阅读更多

1、ComboBox setValue() 问题

有时 combobox setValue()不起作用,或者将值通过转换成model对象后,再向combobox设置值时,下端出现红线。

这个是因为combobox 的 store 可选列表还未初始化的原因,也就是store还未load。

解决办法:

(1)通过EXTJS 4的mvc结构,在controller中的 store 属性配置中加上 combobox 的 store类。如下:


Ext.define('Tms.controller.MyController', {

/**

* 别名

* @type String

*/

alias : 'widget.myController',

// 继承

extend : 'Ext.app.Controller',

// 这里配置的store都会预先加载

stores : ['ComboboxStore']

});

(2)在store的load事件中完成setValue()。如下:

combobox.store.on('load',function(){// 在这里未combobox设置值});


2、EXTJS项目发布问题

下载ext部署工具,SenchaSDKTools-1.2.3。

部署过程中遇到了不少问题:

(1)生成.jsb3文件,我是通过URL的方式来生成的,由于系统访问要求登录(单点登录),

通过以下命令 :

sencha create jsb -a http://localhost/helloext/index.html -p app.jsb3

无法正确生成jsb文件(访问被单点登录拦截)

解决办法:

取消系统单点登录配置,自己创建一个过滤器,在过滤器中手动获取用户信息,将其设置的session中;或者修改需要在session中提取用户信息的代码,将用户信息直接写到代码中。

(2)成功访问系统后,还是无法正常生产jsb文件,原因是index.jsp中处在,<%  %>代码块,去掉这些代码块。

(3)取消jsp中的代码块后,还是无法正常生成。原因:app.js中

//Ext.onReady(function(){     不能把代码写在 Ext.onReady 函数中

Ext.application({

...


});

//});

(4)正常生成jsb文件后,通过以下命令:


sencha build -p app.jsb3 -d .



生成的app-all.js文件是没有经过压缩的,有3M多。

在网上有人说是js文件的编码问题,

修改D:\Program Files\SenchaSDKTools-1.2.3\jsbuilder\src\Project.js  165 行 在后面加上  --charset utf-8

但是试了很多次都没效果。找不到解决办法。


最后在网上自己下载了yui的  yuicompressor.jar 压缩工具进行代码压缩。

 

 

3、  Ext GRID 编辑控制

 

var editing = Ext.create('Ext.grid.plugin.CellEditing',{
	clicksToEdit : 1,
	listeners : {
		beforeedit : function(e, eOpts) {
			var update = e.record;
			if (update) {
				var status = update.get('tdStatus');
				if ('2' == status || '5' == status) {
					Ext.Msg.alert('操作失败', '任务正在评审中,无法编辑!');
					return false;
				}
			} else {
				return false;
			}
		}
	}
});
分享到:
评论

相关推荐

    Extjs4.0学习笔记

    Extjs4.0学习笔记,以下是部分介绍: xtjs4,创建Ext组件有了新的方式,就是Ext.create(....),而且可以使用动态加载JS的方式来加快组件的渲染,我们再也不必一次加载已经...ExtJS4学习笔记(十)---ExtJS4图片验证码的实现

    ExtJS4学习笔记十一 树控件的使用

    在本篇《ExtJS4学习笔记十一:树控件的使用》中,我们将深入探讨ExtJS框架中的树形控件(TreePanel),这是一种强大的UI组件,用于展示层次结构的数据。ExtJS4对树控件的功能进行了增强,使其更加灵活且易于使用。...

    extjs4 学习笔记源码

    exjts4 学习笔记源码,源码包含windws,hbox,vbox和Grid的应用,其中grid介绍比较多。下载解压后,部署后就可以使用,所有代码均在demo文件夹下。更多extjs4教程,请关注http://www.mhzg.net

    ExtJS4中文教程2 开发笔记 chm

    ExtJS4学习笔记(九)---ExtJS4 EditGrid(可编辑的Grid) ExtJS4学习笔记(二)---HBox的使用 ExtJS4学习笔记(五)---Grid分页 ExtJS4学习笔记(八)---Grid多选 全选 ExtJS4学习笔记(六)---多表头Grid ExtJS4学习笔记(十)--...

    extJs 2.1学习笔记

    目录 1. ExtJs 结构树 2 2. 对ExtJs的态度 3 3. Ext.form概述 4 4. Ext.TabPanel篇 5 5. Function扩展篇 7 6. Ext.data.Store篇 10 7. Ext.data.JsonReader篇一 12 ...28. extJs 2.0学习笔记(ext.js篇) 77

    Extjs 5 学习笔记

    ### Extjs 5 学习笔记之 SenchaCmd 深入解析 #### 一、SenchaCmd 的简介 SenchaCmd 是一个跨平台的命令行工具,它为基于 ExtJS 和 Sencha Touch 应用程序的开发周期提供了全面的支持。从创建应用程序的基础结构到...

    2828-Extjs4.0学习笔记大全.pdf

    ExtJS4 学习笔记(一)---window 的创建 Extjs4,创建 Ext 组件有了新的方式,就是 Ext.create(....),而且可以使用动态加载 JS 的方式 来加快组件的渲染,我们再也不必一次加载已经达到 1MB 的 ext-all.js 了,本文...

    Extjs4.0学习笔记大全.pdf

    Extjs4.0学习笔记大全.pdf,供大家学习

    ExtJS 6 学习笔记

    本来我是打算自己写一个系列的 ExtJS 6 学习笔记的,因为 ExtJS 6 目前的中文 学习资料还很少。 google 搜索资料时找到了一本国外牛人写的关于 ExtJS 6 的电 子书 [Ext JS 6 By Example] 。这份资料在 PACKT 上卖 ...

    ExtJS学习笔记.doc

    ExtJS学习笔记.docExtJS学习笔记.docExtJS学习笔记.docExtJS学习笔记.doc

    Extjs4.0学习笔记大全

    Extjs4.0学习笔记大全

    extjs 学习心得笔记

    在探讨《ExtJS学习心得笔记》这一主题时,我们不仅会深入理解ExtJS框架的核心概念与实践技巧,还会从新手的角度出发,提炼出一系列有助于快速上手的学习策略,避免常见的学习陷阱,确保学习过程高效而有成效。...

    Extjs 4 开发笔记

    【EXTJS 4 开发笔记】系列主要针对初学者,详细介绍了如何使用EXTJS 4进行项目开发,尤其是采用MVC模式。...对于初学者来说,这是一个逐步学习EXTJS 4开发的良好起点,能够帮助他们理解EXTJS 4的核心特性和最佳实践。

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

    Extjs4是Sencha公司推出的一个用于开发富互联网应用程序(RIA)的...通过这些内容,我们可以了解到Extjs4框架在开发富互联网应用程序中的应用,并且学习如何有效地组织项目代码,提高项目的可维护性和扩展性。

Global site tag (gtag.js) - Google Analytics