2011-02-09 30 views
16

나는 (jqGrid 셀의 색상을 변경하는 방법은 무엇입니까?

$("#stSearchTermsGrid").setCell(2, 2, '', {color:'red'}) ; 

하지만이 작동하지 않습니다 $ (문서) .ready에서 다음 줄을 사용합니다. 내가 잘못된 방법으로 그것을 쓰거나 잘못된 장소에 배치나요.

이 질문은 전에 한 번 이상 요청 받았다 알고 내가 첫 번째 라인을 가지고하는 방법이있다.하지만 난 여전히 그것을하고 문제가 어디 있는지 모르고 할 수 없습니다입니다.

+0

내가 함께 대신 전에 하나의 'UI 상태 오류 텍스트'의 두 스타일 'UI 상태-오류 UI 상태 오류 텍스트'를 사용하는 것이 내 대답은 약간의 업데이트. – Oleg

+0

jqgrid의 추가/수정 양식에 대한 CSS를 변경하려면 어떻게해야합니까? –

답변

45

당신이 바로 당신이 처음 아니다 사람이 질문을하는 사람들. 내가 the demo

0123을 만든 셀 색상으로 상황을 지우려면셀의 텍스트 색상 또는 다른 방법으로 판매의 배경 색상 변경 당신을 위해

enter image description here

:

loadComplete: function() { 
    // 2 is zero-base index of the column 'name' ('Client'). Every from the options 
    // multiselect:true, rownumbers:true and subGrid:true will increase 
    // the index by 1 because the option inserts additional columns 
    $("#6 td:eq(2)", grid[0]).css({color:'red'}); 

    grid.jqGrid('setCell',"12","name","",{color:'red'}); 
    grid.jqGrid('setCell',"10",'name', '', 'my-highlight'); 
    grid.jqGrid('setCell',"8",'name', '', 'ui-state-error ui-state-error-text'); 

    grid.jqGrid('setCell',"4","name","",{'background-color':'yellow', 
             'background-image':'none'}); 
    grid.jqGrid('setCell',"3","name","",'ui-state-highlight'); 
} 

<style type="text/css"> 
    .my-highlight { color: red; } 
</style> 

및 "3", "를 4 ","6 ","8 ","10 "및"12 "는 해당 열의 색이 변경되는 행의 rowid입니다.

그건 그렇고 내 개인 즐겨 찾기는 jQuery UI Themes의 일부인 'ui-state-highlight'또는 'ui-state-error ui-state-error-text'클래스를 사용하는 방법입니다.

업데이트 :

: 같은 테이블 위와 같이 다음과 같이 어디 one more demo 사용 라 개구리 테마를 추가 다른 jQuery를 UI 테마의 사용의 경우에는 다른 방법의 사용의 차이를 이해하기 enter image description here

+2

멋진 답변을드립니다. – sanghavi7

+0

@ ankit5607san : 오신 것을 환영합니다! 있는 jqGrid 지지체의 현재 버전'cellattr' (참조 [응답 (http://stackoverflow.com/a/7408355/315935)와 [이 하나 (http://stackoverflow.com/a/12180842/315935)) 이것은'loadComplete' 안에'setCell'의 사용으로 더 권장됩니다. – Oleg

+0

@Oleg : 환상적입니다. 그러나 이름과 색인이있는 열의 모든 셀에 대해 CSS를 변경하려고합니다. –

관련 문제