2010-01-27 3 views
20

documentation을 보았지만 답변을 찾을 수 없었습니다. 선택한 행이 강조 표시되지 않도록 할 수있는 방법이 있습니까? 행 선택을 중지하는 방법 또는 그 방법. "hoverrows : true"옵션이 마음에 들지만 이상적으로 클릭 행이 클릭에서 선택되는 것을 중지하고 싶습니다.jqGrid 행을 선택 및/또는 강조 표시를 중지 할 수 있습니까?

감사합니다,

업데이트 : 나는 "hackily"임시 수정 될 것으로 보인다 뭔가를 구현할 수있었습니다 . 존재하는 경우 내가

내가 찾은 ..., 모두 그것을별로 좋아하지 않아요 및 더 나은 솔루션과 같은 idealy 것이라고 나는있는 jqGrid를 인스턴스화 할 때이 옵션

onSelectRow: function(rowid, status) { 
    $('#'+rowid).removeClass('ui-state-highlight'); 
} 

를 전달하면, 추가 할 때 강조 표시를 제거 할 수 있습니다.

또 다른 이상적인 방법이 있습니까?

+0

호기심 : 특정 기준 (즉, 홀수 행) 또는 특정 단일 행을 충족하는 모든 행, 행이 궁금하십니까? –

+0

클릭 한 행 jqGrid의 자연스러운 동작은 CSS 클래스 'ui-state-highlight'를 클릭 할 때 행에 적용하는 것입니다. 나는 이것을 멈추고 싶다. – Mike

답변

50

... 당신을 도움이되기를 바랍니다 : 당신이 나처럼 gazillion의 jqGrids이 모든 하나 하나에 대한 onSelectRow 무시하지 않으려면

beforeSelectRow: function(rowid, e) { 
    return false; 
} 
+0

완벽한! 이것이 내가 해보려했던 방식과 똑같은 것이지, 나는 올바른 이벤트를 찾을 수 없었습니다. 감사. – Mike

+0

케이스와도 일치하는지 확인하십시오. 'beforeselectrow'는 작동하지 않습니다. –

+1

그러면 해당 행에 대한 편집이 비활성화됩니다. – FixMaker

2

CSS에서 직접이 문제를 해결할 수 있다고 가정합니다. 당신은 아마이 작품을 만들기 위해 theme.css에서 일부 값을 복사해야합니다 - 그냥 특정 테이블

#table_id tr.ui-state-highlight { 
    border: inherit !important; 
    background: inherit !important; 
    color: inherit !important; 
} 

#table_id tr.ui-state-highlight a { 
    color: inherit !important; 
} 

#table_id tr.ui-state-highlight .ui-icon { 
    background-image: inherit !important; 
} 

난 그냥 예를 들어 값 inherit을 사용하기위한 UI 상태 강조 표시에 대한 값을 무시합니다.

+0

고마워, 아침에 이걸 쐈어. 너에게 돌아가. – Mike

+0

브라우저 호환성을 위해이 구현을 피할 것입니다. 그러나 그것은 CSS 에서이 문제를 숨기기 꽤 좋은 것 같습니다. 어쨌든 +1 해줘서 고마워. – Mike

2

시도는 :

onSelectRow: function(rowid, status) { 
    $("#grid_id").resetSelection(); //Resets (unselects) the selected row(s). Also works in multiselect mode. 
} 

당신은 문서화 here를 읽을 수 있습니다. 다음 코드를 사용하여

+0

내 솔루션보다 약간 정확합니다. 감사. – Mike

6

을 여기에 글로벌 버전입니다

jQuery.extend(jQuery.jgrid.defaults, { 
    onSelectRow: function(rowid, e) { 
     $('#'+rowid).parents('table').resetSelection(); 
    } 
}); 
+0

매우 좋음.이 모든 것들을 묶어 놓은 사람들 만이 대답을 고맙게 생각할 것입니다. +1 –

+0

resetSelection을 사용하면 보존 할 수 있습니다. onSelectRow 기능을 사용하고 선택을 지우십시오 (행 클릭시 확인란을 토글하는 사용자 정의 체크 상자 구현이 있으며 이는 내 코드가 불쾌한 선택 색상을 사용하지 않고 계속 작동하도록합니다 :)) – NKCSS

관련 문제