Jqgrid 검색 옵션이 격자 표를 숨 깁니다

문제점은 검색 창 (탐색기)에서 검색 옵션을 클릭 할 때 그리드가 숨김을 얻는 것입니다. 나는 jqmodal.js 파일을 포함하고있다. 하지만 아래의 코드에서 내가 무시하는 것은 무엇입니까?Jqgrid 검색 옵션이 격자 표를 숨 깁니다

CSS 파일 :

jqModal.css

JQuery와-UI-1.8.custom.css

ui.jqgrid.css

ui.multiselect.css

jquery.searchFilter.css

개 JS 파일 :

jquery.min.js

할 grid.base.js

grid.common.js

grid.formedit.js

grid.setcolumns. js

ui.multiselect.js

jquery.searchFilter.js

jqModal.js

자바 스크립트

$("#list").jqGrid({ 
    url: 'foo_report.php?g=' + $('#fooselect').val() + 
     '&report=1&searchString=null&searchField=null&searchOper=null', 
    datatype: 'json', 
    mtype: 'GET', 
    colNames:['foo1','foo2', 'foo3'], 
    colModel:[ 
     { name:'rows.foobar1', index: 'foobar1', search:true, 
      jsonmap: 'foobar1', width: 150, align: 'left', sortable:true}, 
     { name:'rows.foobar2', index: 'foobar2', 
      jsonmap: 'foobar2', width: 150, align: 'left'}, 
     { name:'rows.foobar3', index: 'foobar3', 
      jsonmap: 'foobar3', width: 240, align: 'left', sortable: true}], 
     pager: '#pager', 
    rowNum: 8, 
    autowidth: true, 
    rowList: [8, 16], 
    sortname: 'foobar1', 
    sortorder: 'asc', 
    viewrecords: true, 
    search : { caption: "Search...", Find: "Find", Reset: "Reset", 
       odata : ['equal', 'not equal', 'less'], 
       groupOps: [ { op: "AND", text: "all" }, 
          { op: "OR", text: "any" }], 
       matchText: " match", 
       rulesText: " rules" }, 
    caption: 'Foobar Data', 
    jsonReader : { root: "rows", 
        repeatitems: false }, 
    height: 350, 
    width: 800 
});

HTML은 :

<table id="list"></table> 
<div id="pager"></div>

출처

2010-06-10 Felix

이것은 내가 오늘했던 동일한 문제처럼 들린다. 검색 폼이 표시되지만 그리드 상단에 표시되며 화면을 쓸모 없게 만드는 모달 창이 표시되지 않습니다. 이런 경우

, 당신이해야 할 모든은 코드 파일 중 하나에서 참조해야 내 프로젝트 중 하나에 대한 참조 jquery.searchFilter.css

하지만 다른 프로젝트에 아니었다 참조 된 (나에게 오류를 줬다). 페이지에 CSS 파일을 추가하자마자이 문제가 사라졌습니다.

문제가 해결 되었기를 바랍니다.

출처

2010-07-02 03:32:17 webdad3

사용자 정의 CSS가 있는데, 나는 오버레이 div를 제거하고 현재 작동 중입니다.

출처

2010-07-04 17:57:39 Felix

이 특정 문제에 대한 수정 사항을 공유하고 싶습니다.

내 jQGrid에 jquery UI를 사용하고 있습니다. 방화범이 튀어 나와서 문제가 발생한 곳을 보았습니다. 나는 4130 (귀하의 버전과 다를 수 있음)의 "jquery-ui-1.8.4.custom.css"(

)의 오버레이에 댓글을 달았습니다.ui-widget-overlay {위치 : 절대; 상단 : 0; 왼쪽 : 0; 너비 : 100 %; 높이 : 100 %; }

모든 것이 잘 작동합니다.

출처

2010-08-28 14:42:39 Macinville

Jqgrid 검색 옵션이 격자 표를 숨 깁니다

답변

관련 문제