jqGrid - 고급 검색 대화 상자를 표시 할 수 없습니다.

Question

PHP/PDO를 통해 ~ 6K 행을로드 중입니다. 검색 버튼은 탐색 도구 모음에 나타나지만 클릭 할 때 아무 것도 수행하지 않습니다.

포함 :

grid.jqGrid('navGrid','#pager2',{add:false,edit:false,del:false,search:true,refresh:false}, 
        {},{},{}, {multipleSearch:true,overlay:false}); 

grid.searchGrid( {multipleSearch:true,overlay:false}); 

크롬 디버거에 오류가 표시되지 않습니다

var grid = $("#list2"); 

grid.jqGrid({ 
    url: "loadIssues.php", 
    datatype: "json", 
    colModel: [ 

... 
        ], 
    pager: "#pager2", 
    viewrecords: true, 
    sortorder: "desc", 
    gridview: true, 
    autoencode: true, 
    ignoreCase : true, 
    loadonce : true, 
    width: 800, 
    height: "auto", 
    shrinkToFit: true, 
    search: true, 
    jsonReader: { 
      repeatitems: false, 
      root: "rows" 
    }, 

다음 :로

<link href="//ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css" type="text/css" rel="stylesheet" /> 
<link href="//cdn.jsdelivr.net/jqgrid/4.6.0/css/ui.jqgrid.css" type="text/css" rel="stylesheet"/> 
<link href="//cdn.jsdelivr.net/jqgrid/4.6.0/plugins/searchFilter.css" rel="stylesheet" type="text/css"> 
<link href="//cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/plugins/ui.multiselect.css" rel="stylesheet" type="text/css"/> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/plugins/ui.multiselect.js"></script> 
<script src="//cdn.jsdelivr.net/jqgrid/4.6.0/i18n/grid.locale-en.js" ></script> 
<script src="//cdn.jsdelivr.net/jqgrid/4.6.0/jquery.jqGrid.src.js"></script> 
<script src="//cdn.jsdelivr.net/jqgrid/4.6.0/plugins/grid.addons.js"></script> 
<script src="//cdn.jsdelivr.net/jqgrid/4.6.0/plugins/grid.postext.js"></script> 
<script src="//cdn.jsdelivr.net/jqgrid/4.6.0/plugins/grid.setcolumns.js"></script> 
<script src="//cdn.jsdelivr.net/jqgrid/4.6.0/plugins/jquery.contextmenu.js"></script> 
<script src="//cdn.jsdelivr.net/jqgrid/4.6.0/plugins/jquery.searchFilter.js"></script> 

그리드가 정의된다.

어떤 단계를 놓쳤습니까?

Answer 1

1. 당신은 plugins/searchFilter.css, plugins/jquery.searchFilter.js 제거해야합니다. old 대체 부품이 더 이상 사용되지 않습니다.
2. URL ../jqueryui/1/themes/smoothness/jquery-ui.css은 매우 의심됩니다. 아마 ../jqueryui/1.11.1/themes/smoothness/jquery-ui.css이어야합니다.
3. 필요없는 다른 플러그인을 제거하십시오.
4. search: true 옵션도 잘못되었지만 중요하지 않습니다.
5. root: "rows"jsonReader의 속성은 기본값이며 제거 할 수 있습니다. 같은 방법으로 shrinkToFit: true 옵션도 기본값입니다 (the documentation에 설명 된 옵션 표의 "기본값"열 참조) 제거 할 수 있습니다.