//json格式的数据
var jsondata = "{id:'01',name:'uspcat.com','age':26,email:'[email protected]'}";
//xml格式的数据
var xmldata = "
//构建Ext的Ajax请求
Ext.Ajax.request({
url : 'person.jsp',
method : 'POST',
timeout :3000,
//请求的参数值
params:{id:'01'},
//可以提交form表单，只需要写表单的ID
form:"myform",
//下面是两种不同格式的请求参数
jsonData:jsondata,
xmlData：xmldata,
//一些操作的函数，第一个为响应的值，第二个参数是请求的参数值
success :function(response , options){
alert(eval(response.responseText)[0].name);
},
failure :function(response , options){
alert(response.responseText+" "+options)
}
});
//get通过dom元素的id方式获得的是元素的对象
//getCmp通过定义对象ID的方式获得的是定义的对象，而不是简简单单的元素了
//getDom通过dom元素的id方式获得的是dom元素
var time = Ext.get("time").getLoader();
//ajax常用的局部改变元素的值
time.load({
url:'/extjs/extjs!getTime.action',
renderer:function(loader,response,request){
var time = response.responseText;
Ext.getDom("time").value = time;
}
});
//给元素设置定时的axja请求方式
i.startAutoRefresh(1000,{
url:'/extjs/extjs!getI.action',
renderer:function(loader,response,request){
var i = response.responseText;
Ext.getDom("i").value = i;
}
});
hello
");//这个是直接到页面中获得元素的对象
var div01 = Ext.core.Element.fly("div01");
//鼠标滑过的时候增加一个样式滑出的时候移除样式,值是样式的名称
div01.addClsOnOver("divC");
//这个是直接到Ext.ComponentManagerMap中拿，没有的话，就用第一个到页面中拿，再返回
var input01 = Ext.get("input01");
var fn1 = function(){
alert("单击B按钮调用这个函数")
}
//给一个输入框添加键盘B键响应功能
//key是你要触发的那个键，ctrl是否需要与ctrl键结合，fn是触发函数
input01.addKeyMap({key:Ext.EventObject.B,ctrl:false,fn:fn1,scope:input01});
//和上面一本一样，只是添加更加复杂的，处理起来更加方便
/*第一个触发条件的参数是一个对象(条件可以进行组合):
{key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)}*/
//第二个是触发函数fn
input01.addKeyListener({key:Ext.EventObject.X,ctrl:true},function(){
alert("单击ctrl+x")
},input01);
function createChild(){
var el = document.createElement("h5");
el.appendChild(document.createTextNode("我是被追加的"));
return el;
}
Ext.get("div02").appendChild(createChild());
//通过构造对象，来创建DOM
Ext.getBody().createChild({
tag:'li',
id:'item1',
html:'我是第一个个节点'
});
Ext.get("d1").addClsOnOver("c");
Ext.util.CSS.getRule(".c",true);
Ext.util.CSS.removeStyleSheet("red");
Ext.util.CSS.updateRule(".c","color","#990055");
（2）.Ext.util.ClickRepeater click的转发器是Ext.util.Observable的子类
//控制元素在指定时间内被单击(当前元素没有数失去焦点)
var cl = new Ext.util.ClickRepeater(Ext.get("b4"),{
delay:3000,//首次单击时候的间隔事件
interval:4000,//发生首次重复事件调用之后每一次事件的相隔时间
stopDefault:true,//停止这个el上得默认单击事件
handler:function(){
alert("单击我");
}
});
//第一次单击马上会触发事件 如果不去点击其他的元素那么3秒或就会自定执行第二次
//一或会以4秒的间隔执行相应的程序
})
（4）.Ext.util.Format 格式化的公共类
（5）.Ext.util.MixedCollection 集合类
（6）.Ext.util.TaskRunner 模拟线程控制
Ext.onReady(function(){
var runner = new Ext.util.TaskRunner();
var task = {
run:function(){
Ext.getDom("t1").value = Ext.util.Format.date(new Date(),"Y-m-d-s");
},
interval:1000
}
runner.start(task);
Ext.get("b6").on("click",function(){
runner.stop(task);
})
})