그룹화 헤더에 버튼을 삽입하십시오.

Question

도움이 될 것입니다. "Ext.ux.grid.RowActions"를 사용하지 않고 그룹화 헤더에 버튼을 삽입하는 방법을 알고 싶습니다. 버튼을 렌더러 등으로 간단히 입력 할 수 있습니다.이 점을 이해하도록 도와주세요.

Answer 1

Ext JS는 버튼을 표시하는 마크 업에 테이블을 사용합니다.

... 
groupTextTpl: 'Item: {gvalue} ({[values.rs.length]} Sub Item{[values.rs.length > 1 ? "s" : ""]}) <table cellspacing="0" class="x-btn x-btn-text-icon" id="ext-comp-1005" style="width: auto;"><tbody class="x-btn-small x-btn-icon-small-left"><tr><td class="x-btn-tl"><i>&nbsp;</i></td><td class="x-btn-tc"></td><td class="x-btn-tr"><i>&nbsp;</i></td></tr><tr><td class="x-btn-ml"><i>&nbsp;</i></td><td class="x-btn-mc"><em unselectable="on" class=""><button type="button" id="ext-gen40" class=" x-btn-text my-action">My Action</button></em></td><td class="x-btn-mr"><i>&nbsp;</i></td></tr><tr><td class="x-btn-bl"><i>&nbsp;</i></td><td class="x-btn-bc"></td><td class="x-btn-br"><i>&nbsp;</i></td></tr></tbody></table>', 
... 

: 당신은 내선 JS 형식 버튼을 원하는 경우에, 오히려 그냥 일반 버튼보다, 당신은 생각할 예를 들어, 그룹화 된 그리드와 관련된 Ext.grid.GroupingView 개체의 groupTextTpl 속성의 관련 마크 업을 포함 할 수

그룹화 헤더에 버튼이 생성됩니다.