DGrid에서 열의 레이블을 동적으로 변경하십시오.

Question

버튼을 클릭하면 눈금의 첫 번째 열의 레이블과 툴팁을 변경하는 것이 좋습니다. 단추를 클릭하면 올바른 데이터가로드되고 새 툴팁이 설정되고 ("ChangedTooltip") 열의 레이블은 여전히 ​​동일합니다 ("principal"이 아니라 "ChangedLabel"). 내가 뭔가를 놓치거나 접근이 잘못 되었습니까? 열 레이블에 새 값을 설정하려면 어떻게해야합니까?

두의 .js : Principal.js 및 PrincipalTable.js

Principal.js

... 
    /** 
    * add events to select button 
    */ 
    var createEventForSelectButton = function(year, period) { 
     on(selectButton, "click", function(event) { 
     currentQueryMap = initQueryMap(year, period); 
     grid.setFirstColumn(period.value); <-- IMPORTANT!!!!! 
     grid.set('query', currentQueryMap); 
    }); 
}; 
... 
return declare([], { 
... 
grid = new PrincipalTable(...); 

PrincipalTable.js

열 다시 dgrid

var grid = declare([ SortFormatterGrid, Selection ], { 
     constructor : function(args) { 
     ... 
     this.columns = [ { 
       label : "principal", 
       field : "id", 
       sortFormatter : function(object) { 
        return object; 
       }, 
       tooltip : "principal" 
      }, { 
      ... 
     }, 
     setFirstColumn : function() { <-- IMPORTANT!!!! 
      this.columns[0].label= "ChangedLabel"; 
      this.columns[0].tooltip= "ChangedTooltip"; 
     } 
    }); 

Answer 1

하자 "(this.set을 열 ", this.columns)