EXTJS - 技术教程文章
开源进销存PSI - ExtJS知识点(2)【代码】
先看代码Ext.define("PSI.Sale.WSMainForm", { extend: "Ext.panel.Panel", border: 0, layout: "border", initComponent: function () { var me = this; //下面的代码略1、上面的代码的主要含义是定义了一个新的class：PSI.Sale.WSMainForm，其父类是：Ext.panel.Panel2、今天的新知识点是：initComponent 如果想给UI中增加新的组件，在initComponent中写代码就是必须了。所以在PSI的很多JS...
extjs 按条件查询出的数据在grid上不显示
在对extjs的按条件查询时。发现仅仅要输入查询条件时，grid上查询的结果就不显示，可是假设不输入条件默认查询全部的时候就能显示数据。输入条件时后台查出来的数据时时正确的返回到json格式的数据也是正确的一点问题也没有纠结了好半天。就是不知道错在哪里。突然灵光一现怀疑到可能是store的问题。一看果然是自己的store中没有增加remoteFilter : true的属性。而我的过滤条件用的是store.addFilter()方法。原文：http://www.cnbl...
Extjs 源码分析EXTJS 预处理器之className【代码】【图】
Class.registerPreprocessor(‘className‘, function(cls, data) {if (data.$className) {cls.$className = data.$className;//<debug>cls.displayName = cls.$className;//</debug>}//<debug>Ext.classSystemMonitor && Ext.classSystemMonitor(cls, ‘Ext.ClassManager#classNamePreprocessor‘, arguments);//</debug>}, true, ‘first‘);首先来看className处理器 ，这是比较简单的，第三个参数为true,表示这是一个必须执行的...
ExtJS4.2学习(三)Grid表格（转）【代码】【图】
鸣谢：http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-11-07/172.html----------------------------------------------------------------------------------------------Ext中的表格功能非常强大，包括排序、缓存、拖动、隐藏某一列、自动显示行号、列汇总、单元格编辑等实用功能。表格由类Ext.grid.GridPanel定义，继承自Ext.Panel，其xtype为grid。在EXT中，表格控件必须包含列定义信息，并指定表格的数据...
ExtJS ComboBox同时加载远程和本地数据
ExtJS ComboBox同时加载远程和本地数据 原文：http://gblog.hbcf.net/index.php/archives/233ComboBox比较特殊需求，将远程数据和本地数据同时加载。其实，还是先加载远程，在将本地数据塞进获取到的远程数据中去。大概的代码如下（网上得来，未验证，以备用） //首先远程读取数据 var seriesStore = new Ext.data.JsonStore({ url: ‘‘, fields: [‘seriesid‘, ‘seriesname‘] }); //然后在Store的...
extjs desktop 数字校园-云资源平台 2013.10.19--服务器性能监控【图】
客户端监控服务器cpu和内存使用情况管理员可以一直监控其他用户只能监控采集20个数据有效控制服务器传送采集数据频率原文：http://blog.csdn.net/olinbsoft/article/details/18922579
ExtJs【图】
1、概述 原文：http://my.oschina.net/u/2320342/blog/475224
extjs grid 分页【代码】
在使用extjs创建带分页功能的 grid 如下：１.创建一个模型 // 创建算定义模型 模型名称 UserExt.define(‘User‘, {extend: ‘Ext.data.Model‘,fields: [‘name‘, ‘email‘, ‘phone‘, ‘birthDate‘] // 加载指定的数据字段}); ２. 创建store 来存储模型，其中 myPageSize 是默认的页面初始大小，设定为 10// 创建 storevar userStore = Ext.create(‘Ext.data.Store‘, {model: ‘User‘, // 使用自定义模型...
EXTJS 3.0 资料 控件之 Store 用法【代码】
最近工作，发现在Extjs中自定义Store的功能挺多，特意在此做笔记，几下来，具体代码如下：1.定义Store//定义Storevar ItemSelectorStore = new Ext.data.ArrayStore({fields: [{ name: ‘BaseInfoId‘ },{ name: ‘Title‘ }] });2.根据Grid的数据，循环往Store里面插var rows = grid.getSelectionModel().getSelections();if (rows.length < 1){ Ext.MessageBox.alert(‘提示‘, ‘请选择要删除的记录！‘); return; }else{EditIt...
[ExtJS5学习笔记]第十二节 Extjs5开发遇到的问题列表记录
本文地址：http://blog.csdn.net/sushengmiyan/article/details/38975633 本文作者：sushengmiyan ------------------------------------------------------------------------------------------------------------------------------------查找组件的方法Ext.getCmp方法有错误提示问题重现：定义了多个组件，给组件起了ID和alias名称，后面想使用组件，发现使用Ext.getCmp的时候，运行期有报错如下：TypeError: Ext.getCmp(...) ...
【ExtJS】 布局Layout【图】
布局用于定义容器如何组织内部子元素和控制子元素的大小。 ExtJS中有两种类型的布局：Container容器类布局与Component组件类布局。 Containter容器类布局：负责容器内容Extjs元素和调整Extjs元素的大小。 包括：Border布局、Box布局、Fit布局等等。 Component组件类布局：负责组织组件的HTML元素。 包括：Dock布局、Toolbar布局、Field布局、TriggerField布局。 一、Containter布局： 我们首先拿一张...
Extjs grid分页多选记忆功能【图】
很多同事在用extjs grid做分页的时候，往往会想用grid的多选功能来实现导出Excel之类的功能（也就是所谓的多选记忆功能），但在选选择下一页的时候 上一页选中的已经清除 这是因为做分页的时候又向服务器请求了分页数据 以下解决方法是在工作中的碰到的。分享给大家共同学习一下。1、首先定义一个保存选中记录的集合2、定义选中记录的CheckboxModel3、定义store（这个请参考） 监听beforeload 及load事件4、在grid中引用sm ...
NetBeans部署项目（Extjs）报错（二）
NetBeans部署项目（Extjs）报错（二）1、具体错误如下：Using CATALINA_BASE: "C:\Users\Administrator.FOXB2MKB3RGUNIL\AppData\Roaming\NetBeans\7.4\apache-tomcat-7.0.41.0_base" Using CATALINA_HOME: "D:\NetBeans\Apache Tomcat 7.0.41" Using CATALINA_TMPDIR: "C:\Users\Administrator.FOXB2MKB3RGUNIL\AppData\Roaming\NetBeans\7.4\apache-tomcat-7.0.41.0_base\temp" Using JRE_HOME: "C:\Program Files\Ja...
extjs session失效以后，登录界面嵌套在框架内的解决方案
在login.html或者你的是login.jsp里面 head里面加上如下代码即可解决：<script type="text/javascript"> if (top != window) ｛top.location.href = window.location.href; ｝ </script> 原文：http://blog.csdn.net/wangyonglin1123/article/details/44100775
Extjs Tree增加搜索功能【代码】
// 1.第一步：增加一个搜索框到TreePanel tbar tbar:[‘ ‘, new Ext.form.TextField({ width:350, emptyText:‘请输入关键字检索‘, enableKeyEvents: true, listeners:{ keyup:function(node, event) { findByKeyWordFiler(node, event); }, scope: this ...
Extjs 中column的renderer使用方法【代码】
renderer: function(value, cellmeta, record, rowIndex, columnIndex, store) {if (record.get(‘productTypeId‘) == "03") {return record.get(‘currentAnnualYield‘);} else {return value;} } 原文：http://www.cnblogs.com/lijiale/p/5534887.html
无废话ExtJs 入门教程六[按钮：Button]【代码】【图】
无废话ExtJs 入门教程六[按钮：Button]extjs技术交流，欢迎加群（201926085)继上一节内容，我们在表单里加了个两个按钮“提交”与重置。如下所示代码区的第68行位置， buttons: [btnsubmit, btnreset]。1.代码如下： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2 <html xmlns="http://www.w3.org/1999/xhtml">3 <head>4 <title></title>5...
【ExtJs】ExtJs的表单插件与表单布局、提交与验证【图】
利用ExtJs的Anchor可以为ExtJs自带的表单Form各个组件进行布局，当然，使用《【ExtJs】带日期组件的文本输入框、容器与Ext.Msg.alert告警框告警两次》（点击打开链接）中的vbox也是可以的。其实ExtJs的表单插件与表单布局并不是关键，ExtJs的表单验证还好，就几行语句就能够完成。关键是ExtJs的表单提交必须通过Ajax方式，而在后台必须传回一个Json完成表单的提交，可能有点复杂，下面就以php作为ExtJs的后台处理来说明问题ExtJs的...
Javascript - ExtJs - 常用方法和属性【代码】【图】
常用方法和属性（Common methods and attributes）获取get(x)x是元素的ID || dom元素对象 || ExtElement对象将参数所指转化为ExtElement对象并返回它（非Dom元素对象，而是对Dom元素的封装），此方法等同于new Ext.Element(x) 。Ext.select(x) x是选择器返回一个CompositeElement对象，表示ExtElment对象的集合。但返回的这个对象实际上并非数组，不能通过数组索引访问它包含的数据。但可以通过each方法对集合里的每个对象进行迭代...
常规功能和模块自定义系统 (cfcmms)—013给Extjs6加入多界面主题(Theme)【图】
常规功能和模块自定义系统 (cfcmms)—013给Extjs6加入多界面主题(Theme) 在用sencha命令创建的Extjs6项目中只能使用一种界面主题(Theme)，如果要换一个界面风络需要重新修改app.json中的theme配置项，然后再用cmd命令重新编译生成。经过一段时间的研究，发现是可以在用cmd命令编译的时候生成多种Theme，我们需要在index.html中加一些代码来指定使用哪个Theme。 第一步，修改app.json，在文件的最后部有关于builds配置项的说明...
【推荐】推荐一本学习ExtJS4的好书《ExtJS江湖》（含pdf电子书和源代码下载地址）
最近在网上游逛，突然发现了一本介绍ExtJS 4框架的好书，书名叫《ExtJS江湖》，作者是大漠穷秋，个人感觉非常不错，书写得很幽默，很具有可读性，在此推荐给各位。以下是这本书的介绍：本书以幽默诙谐的语言由浅入深地解析了Ext 框架的方方面面，包括JS 基础、Ext 的DOM 和CSS封装、内置对象的扩展、事件系统、Ajax 和Direct、数据和缓存架构、面向对象和继承、UI 组件、布局管理、模板、特效、图表和报表、Ext4 新特性介绍等内容...
【extjs6学习笔记】0.4 准备： 书籍与文档
Ext JS 6 By ExampleExt JS EssentialsLearning Ext JS - Fourth EditionExt JS 6: Getting Started http://blog.csdn.net/sushengmiyan/article/details/38331347 http://docs.sencha.com/http://www.extjs-tutorial.com/ 地图应用 https://github.com/geoext 翻译文档 http://lovelyelfpop.github.io/Sencha_Cmd6_Extjs6_Guides/ 原文：http://www.cnblogs.com/ningth/p/6965141.html
实用项目管理前台框架：EasyUI，ExtJs【图】
EasyUI项目管理框架，如图:项目名称：微信管理平台项目地址：http://www.cnblogs.com/hanyinglong/p/3236966.html#3007557托管地址：https://subversion.assembla.com/svn/wechatservice/ExtJS项目管理框架，如图：项目名称：优尔博客系统项目地址：http://www.cnblogs.com/youring2/archive/2013/03/05/2943846.html#2887679托管地址：原文：http://www.cnblogs.com/zhangwei595806165/p/3920026.html
extjs之表单【代码】
1.ComboBox读取远程数据使用Ext.data.Store配合proxy和fields获得从后台返回的数据var store=new Ext.data.Store（{proxy：{type：“ajax”，url：“epartment_controller.php?action=combobox_load”，reader:{ type:"array" } }，fields:["values","text"]}）； 后台返回的数据格式：[["value","text"],["value1","text1"]] 1.ComboBox下拉框监听用户选择数据combo.on（“select”，function（ComboBox）{alert (this.getValu...
ExtJs自学教程(1)：一切从API開始【代码】
题 记 该系列文章不側重全方位的去介绍ExtJs的使用，仅仅是側重于解决ExtJs问题的思考方法。写的人不用长篇大论，学的人则可以自立更生。l 学习的人仅仅要有一些CSS的javascript的基础知识而且对于英文不至于很蹩脚（以辅助词霸能看懂ExtJs的API为准），都可以參考本教程进行修行。《一》 一切从API開始 非常多学ExtJs的朋友在初学ExtJs的时候认为ExtJs的非常easy效果非常好，几行代码就把效果搞定了。可是用得多了，抱怨就開始...
Extjs学习心得一【代码】【图】
学习必备导入css：ext-all.css导入脚本：ext-all.jsjavascript 的面向对象编程：在javascript中函数的定义有两种方式：第一种：直接定义：如：functionPerson1(){this.test =function(){return1;}}这种方式定义的方法，每创建一个对象就会分配一部分内存给这个方法。比较占用内存。另一种方法是：在prototype属性中定义：functionPerson2(){}Person2.prototype.test =function(){return1;}这种方法定义的方法，对于多个对象，都会共...
【ExtJS】FormPanel 布局(一)【代码】【图】
准备工作，布置一个最简单的Form，共5个组件，都为textfield。 1 Ext.onReady(function(){2 Ext.create(‘Ext.form.Panel‘, {3 width: 500,4 title: ‘Layout‘,5 renderTo : ‘form‘,6 items: [{7 xtype : ‘textfield‘,8 fieldLabel : ‘edit1‘,9 name : ‘edit1‘, 10 },{ 11 xtype : ‘textfield‘, 12 fieldLa...
[extjs5学习笔记]第三十八节 sencha CMD 6.0.0.220版本安装【图】
本文地址：http://blog.csdn.net/sushengmiyan/article/details/46740381简介sencha cmd 6安装过程不需要UAC控制了对于widnows来说，对于mac来说是启动权限，之前的版本，我们比较麻烦的事情是需要下载正确的ruby版本才可以使用cmd，现在6.0版本之后，就不需要单独安装ruby了，新版取消了对ruby的依赖。新版cmd增加了对jre的默认安装，选择下载包的时候，可以直接下载带有jre的安装包，这样就不需要再单独安装jre啦，这对不熟悉jav...
Extjs——layout: 'card'【代码】【图】
先看下此布局的特性：下面演示一个使用layout: ‘card‘布局的示例（从API copy过来的）——导航面板（注：导航面板切换下一个或上一个面板实际是导航面板的布局--layout调用指定的方法。） //导航var navigate = function(panel, direction){//panel:导航面板；direction:layout调用的方法// 此程序可以包含一些控制导航步骤的必要业务逻辑. 比如调用setActiveItem, 管理导航按钮的状态,// 处理可能出现的分支逻辑, 处理特殊操...
Extjs swfUpload 多图片上传【代码】
一、属性介绍 属性 类型默认值描述upload_urlString 处理上传文件的服务器端页面的url地址，可以是绝对地址，也可以是相对地址，当为相对地址时相对的是当前代码所在的文档地址preserve_relative_urlsBooleanfalse如果为false则SWFUpload会把swfupload.swf用到的相对地址转换为绝对地址，以达到更好的兼容性file_post_nameStringFiledata相当于用普通的文件域上传文件时的name属性，服务器端接收页面通过该名称来获取上传的文件pos...