extJs 일반 구문 1

2993 단어 ExtJs
  • 나무를 생성하고 필터를 하고 마지막으로 감청기를 제거합니다
  • 
    var ctree = initDeployRelationTree(treeLoader);
    
    var f = function(n) {
    console.log(n.text);
    if (n.hasChildNodes() == false) {
      if (n.getUI().checkbox != null) {
      n.getUI().show();
       filter(n);
       } else {
      n.getUI().hide();
      }
    } else {
    n.getUI().hide();
    
    }
    };
    
    ctree.on('expandnode', f);
    ctree.on('collapsenode', function() {
    ctree.removeListener('expandnode', f);
    });
    ctree.expandAll();
    
    
    
  • grid 구성 요소를 가져와 값을 얻습니다
  • 
    var rec = Ext.getCmp('roleCreateGridId');
    var personName = rec.get('personName');
    
  • 콤보박스 사용
  • 드롭다운 목록 만들기
    
    
    Ext.define('State', {
    	extend : 'Ext.data.Model',
    	fields : [ {
    		type : 'string',
    		name : 'id'
    	}, {
    		type : 'string',
    		name : 'name'
    	} ]
    });
    
    //  
    var chartStates = [{
    	"id" : "line",
    	"name" : " "
    },              
    {
    	"id" : "column",
    	"name" : " "
    }, {
    	"id" : "pie",
    	"name" : " "
    }];
    
    //  store
    function initStore(state, data) {
    	var store = Ext.create('Ext.data.Store', {
    		autoDestroy : true,
    		model : state,
    		data : data
    	});
    	return store;
    }
    
    //  
    function initChartComboBox() {
    	var store = initStore('State', chartStates);
    	var simpleCombo = Ext.create('Ext.form.field.ComboBox', {
    		id : 'chartComboBoxId',
    		fieldLabel : ' ',
    		displayField : 'name',
    		valueField : 'id',
    		width : 120,
    		labelWidth : 60,
    		store : store,
    		queryMode : 'local',
    		typeAhead : true,
    		columnWidth : .33,
    		
    	});
    	return simpleCombo;
    }
    
    
    
    

    combobobox 제어
    
    var yBox = Ext.getCmp('displayYBoxId');
    var yvalues = [];
    yBox.setValue(yvalues);  // , 
    

    이벤트 선택
    
    listeners : {
    			'select' : function(combo, records, eOpts) {
    				var yBox = Ext.getCmp('displayYBoxId');
    				 var record = records[0];
    				 chartType = record.get('id');
    				 var yvalues = [];
    				 yBox.setValue(yvalues);  // , 
    				if(record.get('id')=='pie'){
    				     yBox.multiSelect=false;
    				     yBox.setFieldLabel(" ");
    				}else{
    					 yBox.multiSelect=true;
    					 yBox.setFieldLabel(" ");
    				}
    			}
    		}
    

    좋은 웹페이지 즐겨찾기