
ExtJs
文章平均质量分 62
木子_lishk
IT爱好者
展开
-
ExtJs 初学——php分页
userList.htmlvar itemsPerPage =2;// var store = new Ext.data.Store({ autoLoad: {start: 0, limit: itemsPerPage}, fields:['uid','pwd'], pageSize: itemsPerPage, //设置分页大小 proxy :new Ext.data原创 2014-09-23 11:06:38 · 501 阅读 · 0 评论 -
在应用中使用Ext Loader
ExtJS 4.0是一个使用新的依赖系统的类加载系统。这两个强大的新功能允许你创建大量允许浏览器按需下载脚本代码的应用。 今天,我们将通过建立一个小的使用新的类加载系统的应用程序来熟悉一下依赖管理系统。同时,我们将讨论Ext加载系统的各种配置项。 在开始之前,我们先来看看将要实现的结果。这样做,可使我们确定需要扩展那些类。转载 2015-07-03 09:23:31 · 479 阅读 · 0 评论 -
ExtJS 4 MVC架构讲解 – ExtJS4中文教程
ExtJS MVC架构讲解本文地址 http://www.showframework.com/2012/07/extjs-mvc-architecture/本文PDF下载欢迎加入我的ExtJS交流群 – 透视ExtJS 群号 256700289 入群暗号 Zen大规模客户端应用通常不好实现不好组织也不好维护,因为功能和人力的不断增加,这些应用的规模很快就会超出掌控能力,Ex转载 2015-07-02 23:14:26 · 754 阅读 · 0 评论 -
ExtJs 进度条
var progressBar = Ext.Msg.show({ title : '请稍等', msg : '加载中...', width : 200, wait: true, progress : true, waitConfig: { interval: 500 /*,duration: 5000 , fn: function () { Ext.Msg.h转载 2015-07-01 09:21:25 · 459 阅读 · 0 评论 -
ExtJs window始终居中
var currentWindow; Ext.EventManager.onWindowResize(function(){ if(currentWindow){ currentWindow.setHeight(document.body.clientHeight * 0.8 ); currentWindow.setWidth(documen转载 2015-06-30 23:41:18 · 2446 阅读 · 0 评论 -
认识ExtJs的开发包(基础必备)
以下转载自:http://www.cnblogs.com/knowledgesea/p/3597786.html下载路径:http://www.sencha.com/products/extjs/download/解压有20多兆,别怕,真正运行的没这么大。认识下这个包的文件结构吧。 builds目录是ExtJs压缩后的代码,经过压缩后的代码体积小,加载快。docs中转载 2015-06-09 09:22:42 · 543 阅读 · 0 评论 -
spket在Ext中的使用
【1】首先是下载 spket ,这里是地址:http://download.youkuaiyun.com/detail/wf1121/4435443【2】经本地搜索,发现我的 Ext4.1.0 不存在 ext.jsb2,于是,在网上下载了个:http://download.youkuaiyun.com/download/wang_xu_xiang/5477387【3】下载完毕后。按以下方法设置:转载 2015-01-14 10:42:45 · 539 阅读 · 0 评论 -
ExtJS gridPanel因数据字段id值相同而显示不全的解决方法
在使用gridPanel的时候,如果其数据有字段名为“id”,且数据中id值相同的情况时,相同id的数据只会显示一条,这是因为Ext读取JSON数据的时候采用了类似主键唯一的方式,而这里的主键默认叫“id”,如果id相同,只认为是一条数据。从这里也可知道,解决此问题可以通过改变这个“主键”的默认值就可以了。主要改的是Ext.data.reader.Reader中的idProperty,可参考API转载 2015-06-28 18:39:09 · 796 阅读 · 0 评论 -
EXTJS 设置文本框背景色和边框颜色
未加颜色设置前: { fieldLabel: '所属城市 ' name:'regionName', columnWidth: 0.5, }加入样式设置:{ fieldLabel: '所属城市 ', fieldStyle:'background-color: #DFE9F6;border-color: #DFE9F6; background-转载 2015-06-21 00:08:04 · 4453 阅读 · 0 评论 -
Ext.bind()使用方法
Ext.bind( Function fn, [Object scope], [Array args], [Boolean/Number appendArgs] )fn: 绑定的函数名称,scope:函数引用的范围args:参数数组appendArgs:是否将传入的参数添加在已有的参数后面 true/false例:1 函数声明:onExhibitionDeploy:转载 2015-07-03 12:04:06 · 3554 阅读 · 0 评论 -
extjs Combobox添加空行
{ fieldLabel: '所属医院', xtype: 'combobox', name: 'hospitalId', labelWidth:60, editable: false, valueField: 'id', displayField: 'hospitalName', emptyText: '请选择...', store转载 2015-06-15 10:38:25 · 2324 阅读 · 0 评论 -
在 ExtJS 中使用 Font Awesome
Font Awesome 是目前最流行的图标方案之一,是一套优质的图标字体库以及 CSS 图标框架。相对于传统的图片作为图标,字体图标支持自适应调节大小、可以使用字体的一些特性调整风格(颜色、大小、字体阴影)、更小的文件体积。下载Font Awesome根据你或者项目的编程习惯,你可以通过以下几种方式获取最新版的 Font Awesome:到 Fon转载 2015-12-25 09:54:24 · 2241 阅读 · 0 评论 -
ExtJS 下载文件
ExtJs前台: window.open('/fileUpload/downloadAddNum?id=' + id+"&fileName="+fileName+"&downloadName="+downloadName);//注:fileName:是文件的原名称,如 dog.jpgdownloadName:是文件下载显示名称,如 狗.jpg。后台处理:Bu原创 2016-01-25 11:51:23 · 2217 阅读 · 1 评论 -
ExtJS 4无限制滚动条的Grid
原文:http://www.sencha.com/blog/infinite-grid-scrolling-in-ext-js-4/ Grid是在Web浏览器上显示大量表格数据的好方式。基本上,ExtJS 4的GridPanel就是一个增强的HTML表格,它可以轻松的获取、排序和过滤数据,而且不限数量。在版本4,我们重构了Grid,以挑战以前的假设和解锁一些激动人心的新特性和功能。今转载 2015-12-04 14:20:55 · 799 阅读 · 0 评论 -
Sencha cmd 个人操作实例
注意:运行 sencha generate 命令需在 SDK目录(如下图所示)执行。(因为创建app 或 workspace都需复制此目录下的文件):1、如果直接创建一个app: sencha generate app MyApp F:\ExtJs\MyApp则生成如下文件:2、如果先创建一个workspace,再创建app,则生成的文件如下所示原创 2015-12-28 10:49:12 · 595 阅读 · 0 评论 -
ExtJs grid导出Excel
下载资源(内附简单说明):http://download.youkuaiyun.com/detail/lishk314/8962187原创 2015-08-05 14:01:28 · 727 阅读 · 0 评论 -
ExtJs 4.2 TabCloseMenu.js的Bug
在ExtJs4.2 中,在ux文件夹中的 TabCloseMenu.js 文件存在一个小bug, 使用 “关闭其他页面” 按钮时会 “关闭所有页面“。以下为修正文件:/** * Plugin for adding a close context menu to tabs. Note that the menu respects * the closable configura转载 2015-07-29 14:57:26 · 796 阅读 · 0 评论 -
带时间的日期选择器
链接地址:http://www.sencha.com/forum/showthread.php?137242转载 2015-07-07 13:50:50 · 488 阅读 · 0 评论 -
ExtJs Panel滚动条
想要显示滚动条时一般使用autoScroll:true,但是如果只想显示 横向 或 纵向 滚动条 之一,autoScroll 显示不行。可以使用下面方法,此处以只显示纵向滚动条为例:首先不要设置autoScroll,默认为false,再设置此值:bodyStyle:'overflow-x:hidden;overflow-y:auto;'只显示横向滚动条相信你知道怎么做了。转载 2015-07-04 09:13:28 · 7127 阅读 · 0 评论 -
Extjs Grid 中文排序
Ext.data.Store.prototype.createComparator = function(sorters){ return function(r1, r2){ var s = sorters[0], f=s.property; var v1 = r1.data[f], v2 = r2.data[f];转载 2015-06-16 10:31:26 · 760 阅读 · 0 评论 -
Panel的使用
1.之前已经学习过了关于ExtJs的一些基本知识,通过导入Extjs所必须的几个包能够进行写出几个基本的小例子;下面要学习的是Extjs的另一个基本组件---->Pannel面板。Pannel面板在java的Swing中是非常常用的一个基本组件,同样,Extjs是受到了Java Swing的启迪,在浏览器中同样可以使用Pannel。2.下面开始Pannel的学习。首先要在HTML的转载 2015-04-29 16:46:48 · 1103 阅读 · 0 评论 -
Extjs4 GridPanel的主要配置参数-详解
1、Ext.grid.GridPanel 主要配置项: store:表格的数据集 columns:表格列模式的配置数组,可自动创建ColumnModel列模式 autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0 stripeRows:表格是否隔行换色,默认为false cm、colModel:表格的列模式,渲染表格时必须设置该配置项转载 2014-09-30 16:34:44 · 530 阅读 · 0 评论 -
ExtJs ItemSelector
onTopBtnClick: function () {//将top的事件改成全选的事件 var me = this, fromList = me.fromField.boundList, allRec = fromList.getStore().getRange(); fromList.getStor原创 2014-11-07 12:10:49 · 716 阅读 · 0 评论 -
Ext中new 和create的区别
1、在Ext JS 4版本之前,一直使用new关键字创建对象,其语法如下: new classname([config])其中calssname是指类名;config是可选参数,为类的配置对象(config options),类型为JSON对象2、Ext.create方法是新增的创建对象的方法,其语法如下:Ext.create(classname,转载 2014-10-22 10:17:12 · 5935 阅读 · 0 评论 -
初学ExtJs——获取HTML文本框值
在html的body标签中,有如下文本框:原创 2014-09-27 09:16:51 · 1195 阅读 · 0 评论 -
2.初学ExtJs
实例(HelloWorld.html):转载 2014-09-16 17:45:38 · 415 阅读 · 0 评论 -
1.初学ExtJs
本实例使用ext-4.2.1.883版本。原创 2014-09-16 17:38:34 · 385 阅读 · 0 评论 -
3.初学ExtJs——自定义类的使用
实例3ExtJSExt.define("Person", { Name: '', Age: 0, Say: function (msg) { Ext.Msg.alert(this.Name + " Says:", msg); }, constructor: function (name, age) { t转载 2014-09-16 22:53:44 · 457 阅读 · 0 评论 -
ExtJS初学——renderTo/applyTo区别
a RenderTo and ApplyTo Ext.onReady(function () { var button = new Ext.Button({ applyTo: 'button', text:'OK' }); }); sadfa转载 2014-09-18 11:29:47 · 3198 阅读 · 0 评论 -
Ext.grid.Panel
dockedItems : Object/Object[]A component or series of components to be added as docked items to this panel. The docked items can be docked to either the top, right, left or bottom of a panel.转载 2014-11-19 09:53:18 · 617 阅读 · 0 评论 -
Extjs TreePanel的应用
点击文本时,checkbox也勾选上:listeners:{beforeitemclick : function(vieww,record, item, index, e, eOpts ){var item = e.getTarget(vieww.getItemSelector(), vieww.getTargetEl()), record;record = vieww.getRecor原创 2014-11-04 10:00:47 · 782 阅读 · 0 评论 -
ExtJs ComboBox下拉框默认第一个值
{ fieldLabel: '书名*', name: 'status', allowBlank: false, xtype:'combobox', editable: false, blankText: '不能为空(必填)', s原创 2015-04-15 10:08:59 · 11188 阅读 · 0 评论 -
ExtJs使用总结
一、获取元素(Getting Elements) 1.Ext.get var el = Ext.get('myElementId');//获取元素,等同于document.getElementById('myElementId');//会缓存 2. Ext.fly var el = Ext.fly('myElementId')//不需要缓存。 注:享元模式(Flyweight Desig转载 2015-04-20 20:08:44 · 454 阅读 · 0 评论 -
Ext.util.Format 系列
1、ellipsis(String value,Number length)----截取字符串 [javascript] view plaincopyExt.onReady(function (){ var v="这是一个测试4567878974"; Ext.MessageBox.alert("ellipsis",Ext.ut转载 2015-04-09 18:21:49 · 714 阅读 · 0 评论 -
在开发 ExtJS 应用程序常犯的 10 个错误
这是 CNX 公司在开发 ExtJS 项目中总结的需要特别注意的 10 个地方。有时候,我们完全是自己使用 ExtJS 从零开始构建的新的应用程序,但有时候我们的客户会要求我们使用他们自己的代码,并且帮助他们提高性能、解决bug以及结构上的问题。同时,我们已经在 ExtJS 项目中作为“清洁者”的角色工作相当长的一段时间了,开始注意到项目中经常会出现一些很值得优化的代码,而这些情况不仅仅只在我们的转载 2015-04-15 10:57:30 · 1163 阅读 · 0 评论 -
Eclipse与ExtJS 4.1.1自动代码提示
以下转载自:http://blog.sina.com.cn/s/blog_87119ac601012g5t.html先去http://www.agpad.com/downloads/spket-1.6.23.jar下载最新版的spket的安装包假设是放在d盘同样假设你的Myeclipse是最新版的10.5的开始->cmd->d:-转载 2015-01-14 14:48:55 · 720 阅读 · 0 评论 -
kindeditor在Ext的使用
在 http://kindeditor.net/ 下载 kindeditor。可以自己查阅 kindeditor的使用说明:http://kindeditor.net/docs/usage.html下面说说自己的使用:先看效果:【1】我下载的的4.1.10版,下载后的文件目录如下:可以根据需求删除以下目录后部署到自己的程序上:http://域名/hcp/kindeditor/原创 2015-01-12 10:28:04 · 1201 阅读 · 0 评论 -
ExtJs ItemSelector控件的一个版本问题
对于 ux/form/ItemSelector.js 文件 中的setValue() 函数:4.1版本中的为:原创 2014-11-07 11:39:44 · 1031 阅读 · 0 评论 -
handler与listener的区别
ExtJS里handler和listener都是用来对用户的某些输入进行处理的,有必要区分一下各自都是怎么用的。 Handlerhandler与Action相关联,一个Action可以有多个Component引用;Action是一个可被共享的对象,有五个主要的属性:text, handler, iconCls, disabled, hiddencompone转载 2014-11-27 09:49:18 · 1298 阅读 · 0 评论 -
Ext combobox 动态模糊匹配
Ext中的combobox有属性typeAhead:true 可以实现模糊匹配,但是是从开始匹配的,如果需要自定的的匹配,则需要监听beforequery方法,实现自己的匹配查询方法:代码如下:[js] view plain copyvar gfxmComb = new Ext.form.ComboBox({转载 2016-01-30 11:25:25 · 763 阅读 · 0 评论