常用方法和属性(Common methods and attributes)获取get(x)x是元素的ID || dom元素对象 || ExtElement对象将参数所指转化为ExtElement对象并返回它(非Dom元素对象,而是对Dom元素的封装),此方法等同于new Ext.Element(x) 。Ext.select(x) x是选择器返回一个CompositeElement对象,表示ExtElment对象的集合。但返回的这个对象实际上并非数组,不能通过数组索引访问它包含的数据。但可以通过each方法对集合里的每个对象进行迭代...
我有这种ajax代码重复了很多地方.如何将其重构为单个方法,以便在成功或失败时仍允许不同的行为.Ext.Ajax.request({url : 'ajax.php' , params : { action : 'getDate' },method: 'GET',success: function ( result, request ) { Ext.MessageBox.alert('Success', 'Data return from the server: '+ result.responseText); },failure: function ( result, request) { Ext.MessageBox.alert('Failed', result.responseText); } ...
如何更改树节点的属性?
一个树节点具有以下属性:{"id":"75",
"description":"My Tree Node",
"status":"25"
"uiProvider":"col",
"leaf":true}现在我的脚本收到以下数据{
"id":"75",
"status":"100",
"cls":"done"
}我尝试更新属性(UPDATED):// a.result.data has the new data and taskID is the node's id
for (var property in a.result.data)
{ tree.getNodeById(taskID).attributes[property] = a.result.data[property];
...
我用extjs图表系列绘制了圆形规格.我想在其中间指出仪表的价值,但我没有成功.有人能帮助我吗?
这是我试过的代码:{xtype: 'polar',width: 60,height: 60,background: '#00c6c9',style: {left:0, right:0},series: {type: 'gauge',minimum: 0,maximum: 30,value: 10,colors: ['#25a2b6', 'lightgrey'],donut: 75,background: '#00c6c9',totalAngle: Math.PI * 2,style: {left:0, right:0},needleLength: 100/*,renderer: function(...
我有一个问题,使用ExtJS可更新网格将数据保存到我的数据库.我正在使用我在Progress ABL中编写的REST API.API正在运行,但输入JSON和输出JSON非常具体.
我可以将JSON数据读入我的网格并显示它,但是当我想保存新记录时,网格会创建一个错误的JSON输出.
我的输出必须是这样的:{"request":{"dsUsers":{"ttUsers":[{"ID":20,"LOGIN":"test","PASS":"","ID_ADDR":0,"ID_CUST":0}]}}}但是我无法在编写器中创建请求和dsUsers组.我已经测试了...
ExtPHP是一个基于Thinkphp开发框架的ExtJS开发类库,使用此类库可以很方便的生成ExtJS的JavaScript代码。/** * PHPExtJs 基础对象 * @License: ( http://www.apache.org/licenses/LICENSE-2.0 ) * @Author: wb */class ExtBase { /** * ExtJS的基本目录,此参数是个路径 * @var String */ public $exthome = ''; /** * ExtJS的语言环境配置,默认为zh_cn (中文) * @var String */ public $ex...
Extjs实现继承的函数是一个很核心的函数Ext.extend,extend方法有两个重构版本,第一个接受两个参数,第一个是extend( Function superclass, Object overrides ) ,第二个是extend( Function subclass, Function superclass,Object overrides ) : Function,第二个版本是在subclass的基础上。superclass就是超类的构造函数,overrides是一个对象,里边的属性就是要覆盖父类的属性。继承了父类的子类具有父类的prototype中的所有方法...
目标:EXTJS组件开发,从component基础实现一个TAB控件。使用EXTJS版本为5.0。测试通过。这个例子还很初级,仅仅是说明通过示例使用EXTJS进行组件开发的一个基本思路。<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>EXT JS TEST</title>
<link rel="stylesheet" type="text/css" href="extjs/resources/ext-theme-classic-all.css" />
<script type="text/javascript" src="extjs/ex...
一. 需求 要求生成一颗部门树,初始只列出根部门 当点击一个部门节点时,动态载入该部门下的直属子部门,并展开该部门节点 部门节点要求支持右键单击事件,当点击右键时,列出相关操作菜单 二. 关键类 这里主要涉及Ext JS的两个类: Ext.tree.TreeNode Ext.menu.Menu 相关API可以参考:http://extjs.com/deploy/ext/docs/ 三. 代码示例 1. 先看一下测试页面 代码如下: Reorder TreePanel /************** onload事件 ***...
Ext中的Grid例子 href="../AllRes/resources/css/ext-all.css"/> base.js"> //ID排序 Ext.onReady(function(){ var cm = new Ext.grid.ColumnModel([ {header:'编号',dataIndex:'id',sortable:true}, {header:'名称',dataIndex:'name'}, {header:'描述',dataIndex:'descn'} ]) ; var data = [ ['1','name1','descn1'], ['2','name2','descn2'], ['3','name3','descn3'], ['4','name4','descn4'], ['5','name3','descn5'] ] ; var...
代码如下:Ext.state.CookieProvider = function(config){ Ext.state.CookieProvider.superclass.constructor.call(this); this.path = "/"; this.expires = new Date(new Date().getTime()+(1000*60*60*24*7)); //7 days this.domain = null; this.secure = false; Ext.apply(this, config); this.state = this.readCookies(); }; Ext.state.CookieProvider = function(config){ Ext.state.CookieProvider.superclass.constructor....
所以Javascript已经成为了web开发最最基本的要求之一了。 而在现实的敏捷开发中,我们通常会选择一个JS框架来取代繁琐的Native Javascript的编写。你会发现这样会节省很多的时间,写的代码也很清晰便捷。(当然在学生时代的是有也质疑过,用框架会对原生态的 Javascript理解不深入,其实这是多虑了的。在对框架的深入的同时,对原生的js也会理解的更透彻一些。成为一个精明的开发者,两者是相依相偎的。而最好的状态就是想Qzone前端...
开始以为很简单,在option里加个input checkbox就行了。哪知行不通,网上搜了一些实现方法,主要是用div层来模拟下拉。本想照着这种思路,再结合这个项目具体应用自己写一个,发现太麻烦了。刚好在另外一个项目中使用extjs,找到了一个扩展lovcombo,学习了一下它自带的例子(配合2.3版的extjs,3.x版的貌似有问题)。例子倒不难,关键是要把它添加到现有的代码中,并且尽量少的改动原有代码。 下拉多选框的使用过程中处理比较多的...
在项目实践的过程中,遇到需要将grid中数据根据某一字段分组的要求,当然,这个功能在api中有,在此列出来以供大家查找:
两点需要注意的地方:
1、在创建store时,需要设置groupField属性的值,即为需要分组的值
for example:
JavaScript代码Ext.define('Person', {
extend: 'Ext.data.Model',
fields: ['name', 'sex']
}); 在这个数据模型中,我们需要以性别(sex)分组,那么请看下面的store
JavaScript代码var PersonStore = ...
EXT的全部js是比较大的,一个ext-all-debug.js就达2m多,它的压缩版(去掉js中的换行及空格),也达600多k,这对于在网速不太快的时,下载js就得漫长的等待。其中日历任务控件,js多达四五个,每个js大小都达70多k,尽管我们采用了后加载的方式,则当用户点击我的任务功能时,才下载该js,但这样仍然很慢,因为下载的js很慢 ,鉴于此,在互联网上使用类似Joffice类似的程序,速度会使很多开发商不敢选用ext作为开发技术。 我们可以从...