EXTJS - 技术教程文章
【推荐】推荐一本学习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...
extjs grid禁止表格头部使用鼠标拖拽改变宽度【代码】
extjs6 经典版 表格头部使用鼠标拖动 禁止改变列的宽度 只需要给grid 设置属性enableColumnResize:false就可以啦 1 xtype:‘grid‘, 2 enableColumnResize:false, 3 columns:[ 4 {text: ‘场景‘,dataIndex:‘ji‘}, 5 {text: ‘场号‘,dataIndex:‘num‘}, 6 {text: ‘页数‘,dataIndex:‘pagenum‘} 7 ]以上就是工作中遇到的问题，Extjs初学，大神勿喷！ 原文：https://www.cnblogs.com/-kuige/p/11019417.ht...
extjs+servlet填充gird实现增删改查
由于项目工程中还有许多其他的练习，不好讲项目上传！下面只说和本文章相关的代码usergrid.jspjs也写在其中了所以会有点乱<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%String path = request.getContextPath();String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/"; %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional/...
对比AngularJS/jQueryUI/Extjs：没有一个框架是万能的【图】
AngularJS不能做什么？对比Angular/JSjQueryUI/Extjs 框架就好比兵器，你得明白你手里拿的是屠龙刀还是倚天剑，刀法主要是砍，剑法主要是刺。对于那些职业喷子和脑残粉，小僧送你们两个字：呵呵；同时祝你幸福，请点右上角。 首先要明白Angular不能做什么，或者Angular没有提供什么，然后再来看它能做什么，来看Angular与其它一些主流框架的对比。 对于上面的表格，有人可能要跟我抬杠，咱大jQuery不是有各种插件吗！不是有各种E...
ExtJS MVC学习手记 2【代码】【图】
开发环境eclipse（indigo） ExtJS4.0开发目标使用store、model和controller创建菜单树开发步骤之前我们已经建立了一个MVC的项目框架。现在要做的就是在这个基础上给项目添加一个左侧菜单。首先，在/app/中定义一个菜单视图类TreeMenu.js：Ext.define(‘demo.view.TreeMenu‘, {extend: ‘Ext.tree.Panel‘,alias: ‘widget.treemenu‘,title: ‘系统菜单‘,margins: 5 });我们定义的TreeMenu类继承了treepanel类，用于实现系统菜单...
extjs4.1.1 formPanel 布局
我们先来看看前台JS： Ext.onReady(function() { Ext.QuickTips.init();// 浮动信息提示 Ext.form.Field.prototype.msgTarget = ‘side‘;// 设置控件的错误信息显示位置，主要可选的位置有：qtip,title,under,side,[elementId] Ext.BLANK_IMAGE_URL = ‘resources/images/default/s.gif‘;// 替换图片文件地址为本地 var simpleForm = new Ext.FormPanel({ renderTo : document.body, labelAlign : ‘left‘, title : ‘表...
跟我一起学extjs5(22--模块Form的自己定义的设计)【图】
跟我一起学extjs5(22--模块Form的自己定义的设计) 前面几节完毕了模块Grid的自己定义，模块Form自己定义的过程和Grid的过程类似，可是要更复杂一些。先来设计一下要完毕的整体目标。 1?能够有多个Form方案，相应于显示、新增、改动、审核、审批等功能； 2?对于上述各种功能能够选择不同的Form方案。比方说改动能够有几个方案，各个操作员能够选择他们感兴趣的Form方案来进行数据的改动。 3?每一个Form...
ExtJS Grid导出excel文件【代码】
ExtJS Grid导出excel文件，需下载POI：链接：http://pan.baidu.com/s/1i3lkPhF 密码：rqbg1、将Grid表格数据连同表格列名传到后台2、后台导出excel文件，返回相对路径3、根据相对路径，下载excel文件 JS代码，按钮点击事件 1/**2 *点击“导出”按钮触发事件3 *4*/ 5 onClickExport:function(btn){6// 获取表格数据 7var conditionForm = btn.up(‘form‘);8var grid = conditionForm.nextSibling(‘grid‘);9va...
Eclipse环境下配置spket中ExtJS5.0提示【图】
使用eclipse编写extjs时，一定会用到spket这个插件，spket可以单独当作ide使用，也可以当作eclipse插件使用，我这里是当作eclipse的插件使用的，下面来一步步图解说明如何配置spket插件。第一步：下载spket插件 第二步：安装spket插件解压rar文件，将里面的features文件夹和plugins文件夹复制到eclipse的根目录下，有重复目录的选择合并文件夹将插件复制进去。如果是myeclipse则复制到dorphins文件夹下。截图如下：将spket插件中的...
extjs fileuploadfield default value【图】
网上有非常多fileupload的demo，最有用的还是官方doc里面的sample。可是真实业务中。可能会用到改动功能。这个时候就须要在打开的时候，给input框赋初始值。How to give default value for file upload field 这个问题有人问了非常久，也没有回答，经測试（extjs4） setRawValue（）可行。listeners : {render : function(comp){comp.setRawValue(fileName);} } 效果例如以下，并且此时form 的isValid()方法也是通过的，能够看到保...
初识ExtJS 6----自学笔记（一）【图】
一、使用环境 这一点写在前面，是为了方便大家在找资料的时候可以直接定位环境版本。 ExtJS版本 6.2 中文官方网站提供版本，网站地址http://extjs.org.cn/node/793 开发环境 .net 随便哪个版本 使用工具visual studio 2015二、自学初衷 在这里要说明一下本人真的是初学Ext 6.x（未入门），虽然5年前用过Ext 3.x，但也只是觉得Ext在界面优化方面做的很好，对于Ext和Sencha来说真的是知之甚少，...
ExtJS4 button提交表单请求与直接ajax请求的一点小区别
在今天的编码过程中我发现button提交请求与直接ajax请求在返回值上有一点小小的差别看直接ajaxExt.Ajax.request({url : "../UserSelectAllServlet",method : ‘POST‘,success : function(response) {var json = Ext.JSON.decode(response.responseText);//column = new Ext.grid.column.Column(json.columModle);//alert(json.data[2].id);var store = Ext.create(‘Ext.data.Store‘, {fields : json.fields,data : json.data});...
ExtJS笔记 Store【代码】
The Store class encapsulates a client side cache of Model objects. Stores load data via a Proxy, and also provide functions for sorting, filtering and querying the model instances contained within it. Store类封装了Model对象在客户端的缓存。store通过proxy加载数据，并且提供排序、过滤、查询model实例的函数。Creating a Store is easy - we just tell it the Model and the Proxy to use for loading and saving...
ExtJS得知--------Ext.Element学习的查询方法（示例）【图】
详细实例：（实验结果可复制代码后进行演示）Ext.onReady(function(){Ext.create('Ext.panel.Panel',{//创建一个面板title:'我的面板' , width:'100%' , height:400 ,renderTo:Ext.getBody(),html:'<div id=d1><span id=sp>我是sp的内容</span><div id=d2>我是d2的内容</div></div>'});//查询系最经常使用的方法://Ext.dom.Element get fly getDomvar d1 = Ext.get('d1');var sp = Ext.get('sp');//查询系方法：//1: contains...
EXTJS结合ssh的酒店管理系统，采用mysql数据库
HotelMaster\.classpath ...........\.mymetadata ...........\.project ...........\.settings\.svn\entries ...........\.........\....\format ...........\.........\....\text-base\org.eclipse.core.resources.prefs.svn-base ...........\.........\....\.........\org.eclipse.jdt.ui.prefs.svn-base ...........\.........\org.eclipse.core.resources.prefs ...........\.........\org.eclipse.jdt.ui.prefs...
Extjs tree的相关方法及配置项
Ext.tree.TreePanel 主要配置项： root：树的根节点。 rootVisible：是否显示根节点，默认为true。 useArrows：是否在树中使用Vista样式箭头，默认为false。 lines：是否显示树线，默认为true。 loader：树节点的加载器，默认为Ext.tree.TreeLoader。 selModel：树的选择模式，默认为Ext.tree.DefaultSelectionModel。 pathSeparator：树节点路...
extjs 4 gridPanel 几种样式【图】
简单表格 排序,显示某列,读取本地数据 //本地数据 var datas = [ [‘1‘, ‘gao‘, ‘man‘], [‘2‘, ‘gao‘, ‘man‘], [‘3‘, ‘gao‘, ‘man‘] ]; //创建面板 Ext.create(‘Ext.grid.Panel‘, { title: ‘easy grid‘, width: 400, height: 300, renderTo: Ext.getBody(), frame: true, viewConfig: { forceFit: true, stripRows: true }, store: {//配置数据代理 fields: [‘id‘, ‘name‘, ‘gender‘...
ExtJs基础知识总结：弹窗（四）【代码】【图】
概述Extjs弹窗可以分为消息弹窗、对话框，这些弹窗的方式ExtJs自带的Ext.Msg.alert就已经可以满足简单消息提示，但是相对复杂的提示，比如如何将Ext.grid.Panel的控件显示嵌套到widget.window，然后随着widget.window的show方法展示到页面上哪？下面有几种方案思路思路一、直接将gridpandel填充到widget.window对应的Items代码如下：var InvoiceItemGrid = Ext.create(‘Ext.grid.Panel‘, { forceFit: false,autoHeight: t...
extjs combox动态添加
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <!--ExtJs框架开始--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><script src="../locale/ext-lang-zh_CN.js" type="text/javascript"></script><!--中文翻译js--><script type="text/...
ExtJs自学教程(1)：一切从API開始【代码】
题 记 该系列文章不側重全方位的去介绍ExtJs的使用，仅仅是側重于解决ExtJs问题的思考方法。写的人不用长篇大论，学的人则可以自立更生。l 学习的人仅仅要有一些CSS的javascript的基础知识而且对于英文不至于很蹩脚（以辅助词霸能看懂ExtJs的API为准），都可以參考本教程进行修行。《一》 一切从API開始 非常多学ExtJs的朋友在初学ExtJs的时候认为ExtJs的非常easy效果非常好，几行代码就把效果搞定了。可是用得多了，抱怨就開始...
EXTJS4.2——3.2 添加时间文本框【代码】【图】
btnSubmit, {id: ‘time‘,xtype: ‘datefield‘,fieldLabel: "日期选择框"}]}); 原文：https://www.cnblogs.com/LY-CS/p/13220653.html