jqGrid edittype select css 클래스

jtgrid가 edittype을 사용하여 만드는 요소에 CSS 클래스를 어떻게 설정합니까? select? 여기 내 코드 :jqGrid edittype select css 클래스

$(window).load(function() { 
      GetProjects(); 
     }); 

     function GetProjects() { 
      jQuery("#tbl1").jqGrid({ 
       url: 'myurl', 
       datatype: "json", 
       mtype: 'POST', 
       colNames: ['Project', 'Module', 'Description'], 
       colModel: [ 
     { name: 'Project', index: 'Name', width: 90, editable: true, edittype: 'select', editoptions: { value: GetProjectOptions()} }, 
     { name: 'Name', index: 'Project.Name', width: 55, editable: true }, 
     { name: 'Description', index: 'Description', width: 90, editable: true } 
    ], 
       rowNum: 10, 
       rowList: [10, 20, 30], 
       pager: '#nav1', 
       sortname: 'Project.Name', 
       viewrecords: true, 
       sortorder: "desc", 
       caption: "DDS Project Modules", 
       jsonReader: { 
        repeatitems: false, 
        root: function (obj) { return obj; } 
       }, 
       width: '500', 
       loadonce: true, 
       hidegrid: false, 
       editurl: 'myurl' 
      }); 
      jQuery("#tbl1").jqGrid('navGrid', '#nav1', { edit: false, add: false, del: false }); 
     } 

     function AddRow() { 
      jQuery("#tbl1").jqGrid('editGridRow', "new", { reloadAfterSubmit: false, closeAfterAdd: true }); 
     }

colModel에서 'cssClass'클래스를 사용해 보았지만 작동하지 않았습니다. 여기 는 HTML을 생성하는 방법입니다

<select name="Project" class="FormElement" id="Project" role="select" size="1">

어떤 제안? 미리 감사드립니다!

출처

2012-02-13 Florin Bombeanu

editoptions의 dataInit 메서드를 정의 할 수 있습니다. 답에 대한

enter image description here

출처

2012-02-13 16:27:54 Oleg

안녕하세요, 감사 : 예를 들어, 당신은 다음과 같은

editoptions: { value: GetProjectOptions(), dataInit: function (elem) { $(elem).addClass('ui-state-highlight'); } }

결과는 다음과 같이 될 것입니다 코드를 시도 할 수 있습니다. 그것은 작동하고 이제 요소에 클래스를 설정할 수 있습니다. 해결책으로 답을 표시하고 있지만 질문이 하나 더 있습니다. 나는 당신의 모범을 따라 갔고 그것이 나의 수업을 설정하고 약간의 수정을 가한 반면, 그 결과는 당신의 모범과 동일하지 않다. 내 결과는 여기 [link] (http://imageshack.us/photo/my-images/442/demoy.png/)에서 찾을 수 있습니다. 화살표가 바뀌지 않은 것 같습니다. 테마일까요? 귀하의 모범에 어떤 주제가 사용 되었습니까? –

@FlorinBombeanu : 그것은 웹 브라우저의 차이점입니다. IE 또는 Firefox를 사용하고 스크린 샷에 Google 크롬을 사용했습니다. – Oleg

적용된 CSS 스타일을 살펴 보았지만 아무 것도 내 화살표를 변경하지 않는 것 같습니다. IE, Chrome 및 Firefox를 사용하여 동일한 결과를 테스트했습니다. 나는 아직도 그것이 테마라고 생각하고있다. 나는 Redmond와 Lightness를 테스트했습니다. 나는 파기를 계속할 것이다. 감사. –

jqGrid edittype select css 클래스

답변

관련 문제