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');
　　});