jqGrid - jqGrid의 열을 오른쪽 클릭했을 때의 열 이름을 결정합니다.

Question

jqGrid의 열 머리글을 오른쪽 클릭 할 때 열 이름을 원합니다. 어떤 코드라도 감사 할 것입니다.

Answer 1

contextmenu 이벤트를 모든 열 머리글에 바인딩 할 수 있습니다. 모든 헤더는 <th> 요소이므로 DOM 지원 cellIndex 속성을 지원합니다. cellIndex 속성은 열 머리글의 인덱스를 제공합니다. colModel에 같은 색인을 사용하면 열의 정의가 표시됩니다. name 속성은 열 이름을 제공합니다.

대응하는 코드는 다음에 대해 수 :

var cm = $grid.jqGrid("getGridParam", "colModel"); 
$("th.ui-th-column", $grid[0].grid.hDiv).bind('contextmenu', function(e) { 
    var $th = $(e.currentTarget).closest("th"); 
    if ($th.length > 0) { 
     alert("the header of the column '" + cm[$th[0].cellIndex].name + 
      "' was clicked"); 
     e.preventDefault(); // don't display standard context menu 
    } 
}); 

The demo 코드를 사용합니다. 그냥 열 머리글의 오른쪽 마우스 클릭을 사용하고이 결과를 볼 것이다 :

Answer 2

모든있는 jqGrid 세포가 gridId_columnname로 구성되는 aria-described-by 속성이 있습니다. 이것을 사용하여 열 이름을 가져올 수 있습니다. 열 머리글에 대한

그리드 셀에 대한

..

var cellName = $(e.target).closest('td').attr('aria-described-by'); 
var gridId = 'list1'; 

var columnName = cellName.substr(gridId.length - 1); 

, 올렉의 대답 외에, 당신은이 작업을 수행 할 수 있습니다 ..

var header = $(e.target).closest('th') 
var gridId = 'list1'; 

var columnName = header.attr('id').substr(gridId.length - 1);