ext代码摘要


ext代码摘要
2010年06月25日
  //获得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 = '对所选的记录进行相同的处理';
  }
  },   
  inputValue:'2',
  checked:true
  },'-',{
  xtype:'label',
  html:'对所选的记录进行相同的处理'
  }
  //分页插件
  bbar: new Ext.PagingToolbar
  ({
  pageSize: 10,
  store: store,
  displayInfo: true,
  displayMsg: '第??{0} ??到?? {1} ??条数据共??{2}??条',
  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: "",   
  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');   
  });  

猜你喜欢

转载自fqo84fqo.iteye.com/blog/1361165
ext