헤더 클릭을 비활성화하는 방법

ag-Grid sorting으로 opt.enablesorting을 true로 설정하면 머리말 클릭을 허용하고 정렬 아이콘을 표시하고 그리드 내에서 정렬 할 수 있습니다.헤더 클릭을 비활성화하는 방법

그러나 헤더 클릭 대신 팝업 mdoel 창에서 수동으로 api.setSortModel을 설정하는 것을 선호합니다. 따라서 헤더 클릭이 몇 가지 방법으로 사용 중지되었습니다. 나는 그것을 고칠 몇 가지 방법을 시도했지만 그들 중 누구도 일했습니다.

opt.enablesorting을 false로 설정하고 헤더 클릭 정렬을 사용하지 않도록 설정했습니다. 하지만 그동안 api.setSortModel도 제대로 작동하지 않았습니다.

headerCellRenderer을 사용자 정의 headerCellTemplate에 사용했지만 실패했습니다. 헤더를 클릭하면 위쪽 화살표가 표시 되었기 때문입니다.

문제를 해결할 수있는 방법이 있습니까?

출처

2016-10-07 Devin_sone

정렬은 기본적으로 꺼져 있어야합니다. gridOptions 어딘가에'enableSorting : true'가 있으면 제거하십시오. -이 외에도 우리는 디버그, 더 나은 아직, 당신의 코드를 jsfiddle 또는 유사하게 넣을 수있는 코드를 포함시켜야합니다. –

열 머리글 클릭에 해당 이벤트가 없으므로이를 처리 할 수 있습니다. 하지만 열 헤더 템플릿 기본 템플릿을 사용하여 하나의 해킹을 찾을 수 있습니다 :

<div class="ag-header-cell"> 
    <div id="agResizeBar" class="ag-header-cell-resize"></div> 
    <span id="agMenu" class="ag-header-icon ag-header-cell-menu-button"></span> 
    <div id="agHeaderCellLabel" class="ag-header-cell-label"> 
     <span id="agSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span> 
     <span id="agSortDesc" class="ag-header-icon ag-sort-descending-icon"></span> 
     <span id="agNoSort" class="ag-header-icon ag-sort-none-icon"></span> 
     <span id="agFilter" class="ag-header-icon ag-filter-icon"></span> 
     <span id="agText" class="ag-header-cell-text"></span> 
    </div> 
</div>

이

<div class="ag-header-cell"> 
    <div id="agResizeBar" class="ag-header-cell-resize"></div> 
    <span id="agMenu" class="ag-header-icon ag-header-cell-menu-button"></span> 
    <div class="ag-header-cell-label"> 
     <span id="agSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span> 
     <span id="agSortDesc" class="ag-header-icon ag-sort-descending-icon"></span> 
     <span id="agNoSort" class="ag-header-icon ag-sort-none-icon"></span> 
     <span id="agFilter" class="ag-header-icon ag-filter-icon"></span> 
     <span id="agText" class="ag-header-cell-text"></span> 
    </div> 
</div>

이 의지로 만들기 위해 세 번째 사업부에서 ID = "agHeaderCellLabel"를 원하는 경우 같은 struture을 유지하지만 제거 클릭 이벤트 바인딩을 막으십시오.

출처

2016-10-13 08:36:16 mani

헤더 클릭을 비활성화하는 방법

답변

관련 문제