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学习笔记,以下是部分介绍: xtjs4,创建Ext组件有了新的方式,就是Ext.create(....),而且可以使用动态加载JS的方式来加快组件的渲染,我们再也不必一次加载已经...ExtJS4学习笔记(十)---ExtJS4图片验证码的实现
在本篇《ExtJS4学习笔记十一:树控件的使用》中,我们将深入探讨ExtJS框架中的树形控件(TreePanel),这是一种强大的UI组件,用于展示层次结构的数据。ExtJS4对树控件的功能进行了增强,使其更加灵活且易于使用。...
exjts4 学习笔记源码,源码包含windws,hbox,vbox和Grid的应用,其中grid介绍比较多。下载解压后,部署后就可以使用,所有代码均在demo文件夹下。更多extjs4教程,请关注http://www.mhzg.net
ExtJS4学习笔记(九)---ExtJS4 EditGrid(可编辑的Grid) ExtJS4学习笔记(二)---HBox的使用 ExtJS4学习笔记(五)---Grid分页 ExtJS4学习笔记(八)---Grid多选 全选 ExtJS4学习笔记(六)---多表头Grid ExtJS4学习笔记(十)--...
目录 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 学习笔记之 SenchaCmd 深入解析 #### 一、SenchaCmd 的简介 SenchaCmd 是一个跨平台的命令行工具,它为基于 ExtJS 和 Sencha Touch 应用程序的开发周期提供了全面的支持。从创建应用程序的基础结构到...
ExtJS4 学习笔记(一)---window 的创建 Extjs4,创建 Ext 组件有了新的方式,就是 Ext.create(....),而且可以使用动态加载 JS 的方式 来加快组件的渲染,我们再也不必一次加载已经达到 1MB 的 ext-all.js 了,本文...
Extjs4.0学习笔记大全.pdf,供大家学习
本来我是打算自己写一个系列的 ExtJS 6 学习笔记的,因为 ExtJS 6 目前的中文 学习资料还很少。 google 搜索资料时找到了一本国外牛人写的关于 ExtJS 6 的电 子书 [Ext JS 6 By Example] 。这份资料在 PACKT 上卖 ...
ExtJS学习笔记.docExtJS学习笔记.docExtJS学习笔记.docExtJS学习笔记.doc
Extjs4.0学习笔记大全
在探讨《ExtJS学习心得笔记》这一主题时,我们不仅会深入理解ExtJS框架的核心概念与实践技巧,还会从新手的角度出发,提炼出一系列有助于快速上手的学习策略,避免常见的学习陷阱,确保学习过程高效而有成效。...
【EXTJS 4 开发笔记】系列主要针对初学者,详细介绍了如何使用EXTJS 4进行项目开发,尤其是采用MVC模式。...对于初学者来说,这是一个逐步学习EXTJS 4开发的良好起点,能够帮助他们理解EXTJS 4的核心特性和最佳实践。
Extjs4是Sencha公司推出的一个用于开发富互联网应用程序(RIA)的...通过这些内容,我们可以了解到Extjs4框架在开发富互联网应用程序中的应用,并且学习如何有效地组织项目代码,提高项目的可维护性和扩展性。