Extjs 동적 변경 열 이름

2752 단어 ExtJs

  • 열 이름과 대응하는 값은 동적으로 바뀐다. 즉, 보여줄 열 이름이 수시로 바뀔 수 있다는 것이다.
    우선 기본 열을 디스플레이로 선택하고 tbar에 단추를 추가하여 표시할 수 있는 모든 열 이름을 팝업합니다. 선택한 후에 대응하는 열 이름과 값을grid에 표시합니다. 예를 들어
    주민등록번호 남성 청년 중년 상인
    3424××옳고 그름
    1234××아니오, 아니오.
    Js 코드
  • functioncreateRecordValue() {//동적 생성recordValue
  •         var tempValue = new Array();   
  •         var j = 0;   
  •         tempValue[j] = {name:'UserId'};   
  •         for(var i = 0 ;i < amdValue.length;i++){   
  •             tempValue[++j] = {name: "N"+amdValue[i]};//열 이름
  •             tempValue[++j] = {name: "V"+amdValue[i]};//열 이름에 대한 값
  •         }   
  •         return tempValue;          
  • }   
  •        
  • functioncreateColumn() {//동적 생성 열 이름,amdValue는 표시할 열의 수조
  •         var tempColumn = new Array();   
  •         var j = 0;   
  • tempColumn[j] = {header:'주민등록번호', dataIndex:'UserId','sortable:true,renderer:getUserInfo};  
  •         for(var i = 0;i < amdValue.length;i++){   
  •             tempColumn[++j] = {header:"N"+amdValue[i],dataIndex:"V"+amdValue[i],id:"V"+amdValue[i],sortable:true};   
  •         }   
  •         return tempColumn;   
  •     }   
  •   
  • //동적 설정 열 이름
  • var index = cm.getIndexById("V"+amdValue[i]);   
  •                         var str = r[0].get("N"+amdValue[i]);//r[] 백그라운드에서 되돌아오는 기록집;amdValue[i]는 표시할 열의 키워드입니다
  • .
  •                         cm.setColumnHeader(index,str);   
  •   
  • //CM 새로 고침, STORE
  • grid.reconfigure(store, cm);  
  • function createRecordValue(){   // recordValue
    
    		var tempValue = new Array();
    
    		var j = 0;
    
    		tempValue[j] = {name:'UserId'};
    
    		for(var i = 0 ;i < amdValue.length;i++){
    
    			tempValue[++j] = {name: "N"+amdValue[i]}; // 
    
    			tempValue[++j] = {name: "V"+amdValue[i]};// 
    
    		}
    
    		return tempValue;		
    
    }
    
    	
    
    	function createColumn(){// ,amdValue 
    
    		var tempColumn = new Array();
    
    		var j = 0;
    
    		tempColumn[j] = {header:' ',dataIndex:'UserId',sortable:true,renderer:getUserInfo};
    
    		for(var i = 0;i < amdValue.length;i++){
    
    			tempColumn[++j] = {header:"N"+amdValue[i],dataIndex:"V"+amdValue[i],id:"V"+amdValue[i],sortable:true};
    
    		}
    
    		return tempColumn;
    
    	}
    
    
    
    // 
    
    var index = cm.getIndexById("V"+amdValue[i]);
    
    			 			var str = r[0].get("N"+amdValue[i]);//r[] ;amdValue[i] 
    
    			 			cm.setColumnHeader(index,str);
    
    
    
    // CM,STORE
    
    grid.reconfigure(store, cm);
    
    
    
    

    좋은 웹페이지 즐겨찾기