//获得id为name的ext对象
Ext.getCmp('name');
//获得id为name的textfeild
Ext.getCmp('name').getValue();
//基本的ajax
Ext.Ajax.request({
url: 'xxx.asp',
method: 'post',
params: {card_code:card_code,result:result},
success: function(response, opts) {
alert(response.responseText); //alert请求返回的内容
var obj = Ext.decode(response.responseText); //将返回的字符串转为json对象
},
failure: function(response, opts) {
}
});
//在3.2版本中无论你在弹出的选择框中点击任何部分,包括选中节点、点击空白处以及点击展开下级节点,弹出框都会自动关闭。
//主要是在写combotree的时候用到
Ext.override(Ext.form.ComboBox, {
onViewClick : function(doFocus) {
var index = this.view.getSelectedIndexes()[0], s = this.store, r = s.getAt(index);
if (r) {
this.onSelect(r, index);
} else if (s.getCount() === 0) {
this.collapse();
}
if (doFocus !== false) {
this.el.focus();
}
}
});
//基本的combo
var ComboUnit = new Ext.form.ComboBox({
store:new Ext.data.JsonStore({
autoLoad : true,
url: 'xxx.aspx',
root: 'results',
fields : ['name','id']
}),
//hiddenName:"id",
fieldLabel:'注册',
displayField:'name',
valueField :'id',
hiddenName:'unit',
typeAhead:true,
mode:'local',
triggerAction:'all',
emptyText:'请选择...'
});
//gird的cm 将内容进行转换
{header:"性别",dataIndex:"sex",tooltip:"性别",sortable:true,width:40,
renderer: function(v){
if(v == "0"){
return "男";
}else if(v=='1'){
return "女";
}
}
},
//tbar的item 点击每个radio 提示的内容回变化
{
name:'veridy',
xtype:'radio',
id:'range3',
boxLabel:'所选',
handler: function(radio,check) {
if(check)
{
Ext.getDom('dorange').innerHTML = '<font color=red>对所选的记录进行相同的处理</font>';
}
},
inputValue:'2',
checked:true
},'-',{
xtype:'label',
html:'<div id=dorange><font color=red>对所选的记录进行相同的处理</font></div>'
}
//分页插件
bbar: new Ext.PagingToolbar
({
pageSize: 10,
store: store,
displayInfo: true,
displayMsg: '第 <font color=red>{0} </font>到 <font color=red> {1}</font> 条数据 共 <font color=red>{2}</font> 条',
emptyMsg: "没有数据",
items:[
'-', {
pressed: true,
enableToggle:true,
text: 'Show Preview'
}]
})
//基本的viewport
var viewport = new Ext.Viewport({
layout:'border', //设置 viewport里面的item在viewport中的布局方式
animate:true,
items:[form_condition,grid_person]
});
//定义空的对象
basic = {} ; //
basic.range = 1 ;
//combotree
var combox22 = new Ext.form.ComboBox({
store:new Ext.data.SimpleStore({fields:[],data:[[]]}),
mode: 'local',
triggerAction:'all',
fieldLabel:'xxxx',
emptyText:'请选择',
readOnly:true,
id:'zx',
maxHeight: 200,
listWidth:200,
tpl: "<tpl for='.'><div style='height:200px'><div id='tree'></div></div></tpl>",
selectedClass:''
});
var tree22 = new Ext.tree.TreePanel({
width:350,
loader: 'xxx.aspx',
border:false,
id:'tree1',
rootVisible:false, // 隱藏root
root:new Ext.tree.AsyncTreeNode({text: '',id:'0'}) ,
listeners:{
'checkchange':function(node,check){
nodestr = '' ;
tree22.getRootNode().eachChild(function(node){
if(node.attributes.checked){nodestr += node.text+',';}
});
nodestr = nodestr.substring(0,nodestr.length-1);
combox22.setValue(nodestr);
},
'click':function(node){
//combox22.setValue(node.text);
//alert(node.attributes.checked );
node.ui.toggleCheck(!node.attributes.checked);
//node.attributes.checked = !node.attributes.checked;
}
}
});
combox22.on('expand',function(){
tree22.render('tree');
});