extjs定时任务参数

Ⅰ Extjs 数组怎么自定义，并且赋值

Extjs 数组定义使用Ext.Array内置函数。
extjs4.0 Ext.Array 函数方法大全：
Ext.onReady(function(){
var array = ['1','2','3','4','1','6','7'];
Ext.Array.clean(array); //['1','2','3','4','6','7'];
Ext.Array.clone(array); // 克隆数组
Ext.Array.contains(array,'1'); //返回true 检查数组内是否包含指定元素
var array2 = ['1','2','3','4','5','6'];
Ext.Array.difference(array,array2); //返回 存在于 array中而不存在array2中的元素 ['','7']
Ext.Array.every(array,function(str,index,array){ //遍历数组 第二个参数执行回调函数 (当前元素,当前索引,当前数组(array)) 指定作用域 返回false 立即返回
//alert(str);
return true;
});
Ext.Array.filter(array,function(str,index,array){ //遍历数组 第二个参数执行回调函数 (当前元素,当前索引,当前数组(array)) 指定作用域 返回值： 返回true的元素组成新数组
//alert(str);
return true;
});
var array3 = ['1','2','3','4',['1','2','3'],'6','7'];
Ext.Array.flatten(array3); //返回值：将多维数组 平铺成一维数组
Ext.Array.forEach(array,function(str,index,array){ //单纯的遍历数组
//alert(str);
});
Ext.Array.from(array,true); //转换给定值为数组 如果为undefined 或 null 则返回空数组 本身为数组返回数组 可迭代返回数组拷贝 单值返回值包含该值的数组
Ext.Array.include(array,'100'); //向array末尾插入100 前提是array中不存在为100的值
Ext.Array.indexOf(array,'100',0); //在数组内寻找指定值 第三个参数为起始位置 返回值：所在位置
alert(Ext.Array.intersect([array,array2])); //合并多个数组 数组元素唯一
Ext.Array.map(array,function(str,index,array){ //根据返回值组成数组
return str;
});
Ext.Array.max(array,function(s1,s2){ //返回数组中最大值 使用比较函数时返回值为负数时 小 0为相等 正数为大
return 0;
});

Ext.Array.mean([1,2,3,4,5]); //返回平均值
Ext.Array.min(array,function(s1,s2){ //返回数组中最小值 可使用比较函数
return 0;
});
var array4 = [{'a1':'a1'},{'a1':'a2'},{'a3':'a3'}];
Ext.Array.pluck(array4,'a1'); //在数组json数据中查找键为a1的值返回数组 （不改变数组大小）
Ext.Array.remove(array,'1'); //删除数组中指定元素 注意：只删除一项
Ext.Array.some(array,function(s1,s2){ //遍历数组 返回true立即返回
return false;
});
var array5=['s','a','z','c'];
Ext.Array.sort(array5); //排序数组 默认以字符排序 可选排序函数
var array6=[1,2,3,4,5];
Ext.Array.sum(array6); //求和
Ext.Array.toArray(array6,2,4); //转换任何可迭代的值为数组 参数 1 iterable 2 start 3 end
Ext.Array.merge(array,array6); //组合数组
Ext.Array.unique(array,array6); //组合数组 merge的别名
Ext.Array.unique(array); //获取具有唯一元素的新数组

})

Ⅱ extjs里的treepanel的用法

TreePanel继承自Panel，在ExtJS中使用树控件含有丰富的属性和方法实现复杂的功能。其中Ext.tree.TreeNode代表一个树节点，比较常用的属性包括text、id、icon、checked等、异步树Ext.tree.AsyncTreeNode、树加载器Ext.tree.TreeLoader。下面介绍几个extjs中treepanel例子：

一、TreePanel基本配置参数:

			
//TreePanel配置参数

animate:true//展开,收缩动画,false时,则没有动画效果

autoHeight:true//自动高度,默认为false

enableDrag:true//树的节点可以拖动Drag(效果上是),注意不是Draggable

enableDD:true//不仅可以拖动,还可以通过Drag改变节点的层次结构(drap和drop)

enableDrop:true//仅仅drop

lines:true//节点间的虚线条

loader:Ext.tree.TreeLoader//加载节点数据

root:Ext.tree.TreeNode//根节点

rootVisible:false//false不显示根节点,默认为true

trackMouseOver:false//false则mouseover无效果

useArrows:true//小箭头
	

二、TreeNode的基本配置参数:

			
//TreeNode常用配置参数

checked:false//true则在text前有个选中的复选框,false则text前有个未选中的复选框,默认没有任何框框

expanded:fasle//展开,默认不展开

href:"http:/www.cnblogs.com"//节点的链接地址

hrefTarget:"mainFrame"//打开节点链接地址默认为blank,可以设置为iframe名称id,则在iframe中打开

leaf:true//叶子节点,看情况设置

qtip:"提示"//提示信息,不过要Ext.QuickTips.init();下

text:"节点文本"//节点文本

singleClickExpand:true//用单击文本展开,默认为双击

三、treepanel实例：

第一个静态树--最简单的树：

Ext.onReady(function(){

varmytree=newExt.tree.TreePanel({

el:"container",//应用到的html元素id

animate:true,//以动画形式伸展,收缩子节点

title:"Extjs静态树",

collapsible:true,

rootVisible:true,//是否显示根节点

autoScroll:true,

autoHeight:true,

width:150,

lines:true,//节点之间连接的横竖线

loader:newExt.tree.TreeLoader(),//

root:newExt.tree.AsyncTreeNode({

id:"root",

text:"根节点",//节点名称

expanded:true,//展开

leaf:false,//是否为叶子节点

children:[{text:'子节点一',leaf:true},{id:'child2',text:'子节点二',children:[{text:"111"}]}]

})

});

mytree.render();//不要忘记render()下,不然不显示哦

})
	

效果图:

Ⅲ extjs怎么获取后台的数据或者是变量。。。求大神速回

1. 使用form表单提交
使用表单提交是调用了表单的submit方法，其配置项包括url、method等。这种方式能够以JSON的形式提交参数信息。

var myform = Ext.create('Ext.form.Panel',{undefined

defaultType: 'textfield',

items:[{undefined

fieldLabel : 'Name',

name : 'name'

},{undefined

fieldLabel: 'Gender',
name : 'gender'
},{undefined
fieldLabel : 'Age',
name: 'age'

}],

buttons: [{undefined

text : 'load',

handler : function(){undefined

this.up('form').getForm().submit({undefined

url: '/request/userinfo',

method : 'POST',

success : function(form, action){undefined

console.log(form);

Ext.Msg.alert('title', 'load success');

});

}]);

2. 使用Ajax异步提交

将上述handler方法中的内容换成一下代码即可。在Ajax的request方法中是一个配置对象，其配置参数包括url，type，params。其中params表示要提交的参数，在此例中是从form表单中通过getValues()方法获得的。该种方式也能将参数一JSON的方式提交到后台，与一个对象匹配。

var values = this.up('form').getForm().getValues();

Ext.Ajax.request({undefined

url:'/request/userinfo',

headers : {undefined'userHeader': 'userMsg'},

type:'POST',

params:values,

success:function(response){undefined

var data = response.responseText;

console.log(data);

console.log("success");

},

});

3. 使用Ext.data.Store

在项目中经常需要通过提交一些数据来从后台获取相应的信息。例如，在表单中输入某个人的id和name就可以查出它的相关信息并在前台显示。一个关于extjs的例子如下：

//data Model

Ext.define('User',{undefined

extend: 'Ext.data.Model',

fields: [{name:'name',type:'string'},

{name:'gender',type:'string'},

{name:'age',type:'string'}

]

});

var userStore = Ext.create('Ext.data.Store',{undefined

model: 'User',

pageSize: 20,

// autoLoad : true,

proxy: {undefined

type : 'ajax', //提交数据的方式

url : '/request/userinfo',

reader : { //以json的形式读取将要提交的数据

type : 'json',

root : 'resultList'

},

writer : {undefined

type : 'json'

},

actionMethods : {undefined

create : 'POST'

}

},

});

//grid Panel

Ext.create('Ext.grid.Panel',{undefined

store: userStore,

columns: [

{header : 'Name', dataIndex : 'name'},

{header : 'Gender', dataIndex : 'gender'},

{header : 'Age', dataIndex : 'age'}

],

height: 200,

width: 400,

renderTo: 'div2'

});

//form Panel

var myform = Ext.create('Ext.form.Panel',{undefined

defaultType: 'textfield',

items:[{undefined

fieldLabel: 'Name',

name: 'name'

},{undefined

fieldLabel: 'Gender',

name: 'gender'

},{undefined

fieldLabel : 'Age',

name : 'age'

}],

buttons: [{undefined

text: 'load',

handler: function(){undefined

var values = this.up('form').getForm().getValues();

console.log(values);

userStore.proxy.extraParams=values;

userStore.loadPage(1);

}

}

});

在handler方法中获取form表单的参数后，赋值给userStore.proxy.extraParams，然后调用userStore.loadPage(1)。调用loadPage()方法时，会委托给proxy对象去后台获取数据。所以对proxy的配置是核心。使用这个方式从后台获取数据时，后台接口返回的对象应该包括一个List字段，list中包含所需要的具体信息。比如
@ReponseBody

public UserInfoResp getUserInfo(User user) {undefined

}

UserInfoResp应该像这样有一个List字段

class UserInfoResp {undefined

List<User> resulltList;

}

Ⅳ extjs怎么自定义函数

转：
Ext JS自定义函数，令人崩溃的语法~

项目中有一段一直没看懂，貌似是关于Ext JS中自定义函数的：

Ext.ux.MessageBox = function() {

var msgCt;

function createBox(t, s, data, i) {

…………

}

return {

…………

};

}();

函数(createBox)之后，没有逗号，也没有分号，直接来了个return……。我一下子就晕了。手头能找到的两本书中都没有相应语法的介绍。今天偶然看到某高人的文章，顿时豁然开朗。最后大括号后面又来一对儿括号，这部分还是没有搞明白，以后再来研究吧~转载如下供查阅：

EXTJS的自定义函数，以下语句可创建一个函数：
Ext.Login=function(){

function IsLogin(){
……
}
return{

init:function(){
IsLogin();
},

Login:function(){

……
}
}
刚开始时让我比较郁闷的是这种JS里的函数调用机制，以上代码里，将创建一个名为Ext.Login()的对象，应该相当于一个类的意思吧，然后可在其里面写其他相关的方法。

在return里的为公有方法，这里面的方法可给外部程序调用（如在HTML文件里用），而在return以外的代码是其私有方法，只能在Ext.Login()这个对象里调用

如需要在其他页面调用里面的Login()方法，可直接写

<input id="login" onclick="Ext.Login().Login()" />
如果需要在页面加载时就调用，一般只需直接用EXTJS里的方法即可实现：

Ext.onReady(Ext.Login.init, Ext.Login);
这里的函数名并不需要加括号，第一个参数是要调用的方法，第二个是作用域，一般写此对象名即可。

Ⅳ ExtJs ComboBox的render事件可以有参数吗都有什么参数

extjs api如下：

render : ( Ext.Component this )
在组件被渲染之后触发。
在组件被 rendered(渲染) 之后触发。
监听器将以如下的参数内格式被调用:
this : Ext.Component

参数只有它本身，容如果你不想这么用，你可以用combox对象中的on方法，自己写实现function就行，api如下：

on( String eventName, Function handler, [Object scope], [Object options] ) : void
给对象添加事件处理器 (addListener的简写形式)
给对象添加事件处理器 (addListener的简写形式。)
参数:
eventName : String
监听的事件类型
handler : Function
事件调用的方法
scope : Object
（可选）处理方法执行时的作用域 (this 的引用)。 如果被忽略。默认为触发事件的对象。
options : Object
可选 包含处理器配置的对象。
返回值:void

Ⅵ extjs4 我想让tree几分钟刷新一次，并且保持前一次展开的节点的状态

设置定时任务，执行treeStore.load()
至于展开，取得树的根节点，调用expand();