jqGrid "보다 큼"과 "미만"이 누락되었습니다.

Question

어떻게하면 검색 창의 크기보다 크거나 작게 설정할 수 있습니까? 단지이

내가 jgGrid 날짜와 같은 필드 날짜를 인식하도록 설정하는 데 필요 설정이 있습니까 검색 창 화면이 표시되어

{multipleSearch:true} 

아래

내 검색 코드? 그것이 텍스트로 읽히고있는 것처럼 보입니다.

아래 날짜

{name:'date', index:'date', width:90, editable:false, align:"center", editrules:{required:true}} 

Answer 1

이있는 jqGrid에서 새 필터 모듈의 도입 이후 존재에 설명 된 동작에 대한 내 colModel입니다. 기본 동작은 표의 "기본"열에 설명하기에는 조금 복잡하여 the options of searching입니다.

당신은 당신이 two lines 다음 찾을 수있는 jqGrid의 소스 코드를 살펴보면 : 당신은 당신이 대응하는 비교 작업을 볼 수있는 jqGrid의 일부 열에 대한 searchoptions에 sopt 속성을 정의 그래서 경우

numopts : ['eq','ne', 'lt', 'le', 'gt', 'ge', 'nu', 'nn', 'in', 'ni'], 
stropts : ['eq', 'ne', 'bw', 'bn', 'ew', 'en', 'cn', 'nc', 'nu', 'nn', 'in', 'ni'], 

합니다. 기본값을 설정할 수 있습니다

sorttype 값을 기본값 인 'string'으로 정의하면 수치 옵션이 비교 연산으로 사용됩니다. 정의되지 않은 sorttype의 경우에만 정의되지 않음 searchoptions.sopt 및 검색 옵션 prmSearch의 정의되지 않은 옵션 navGrid에 대해 설명 된 동작이 사용됩니다. 그래서 당신은 형태로 예를 navGrid에 대한

사용할 수 있습니다

$('#grid').jqGrid('navGrid', '#pager', 
    {refreshstate: 'current', add: false, edit: false, del: false}, {}, {}, {}, 
    {sopt: ['eq', 'ne', 'lt', 'le', 'gt', 'ge', 'bw', 'bn', 'ew', 'en', 'cn', 'nc', 'nu', 'nn', 'in', 'ni']} 
); 

또 다른 가능성은 '날짜'열에 대한 직접 searchoptions.sopt을 정의하는 것입니다

: 모든 작업을 포함 할 수

{name: 'date', index: 'date', width: 90, align: "center", editrules: {required: true}, 
    searchoptions: {sopt: ['eq', 'ne', 'lt', 'le', 'gt', 'ge']}} 

하는 당신을 해당 열에 대해 데이터 내부의 유형에 따라 달라지기를 원합니다.

내가 정말로 권장하는 것은 column templates을 사용하는 것입니다. 고객을 위해 개발 한 프로젝트에서 하나의 JavaScript 파일에서 정의합니다. 모든 페이지에 다른 유형의 데이터에 대해 다른 템플릿을 포함합니다. 예를

var initDate = function (elem) { 
     $(elem).datepicker({ 
      dateFormat: 'dd-M-yy', 
      autoSize: true, 
      changeYear: true, 
      changeMonth: true, 
      showButtonPanel: true, 
      showWeek: true 
     }); 
    }, 
    dateTemplate = {width: 80, align: 'center', sorttype: 'date', 
     formatter: 'date', formatoptions: { newformat: 'm/d/Y' }, datefmt: 'm/d/Y', 
     editoptions: {date: true, dataInit: initDate }, 
     searchoptions: { sopt: ['eq', 'ne', 'lt', 'le', 'gt', 'ge'], dataInit: initDate }}; 

를 들어 당신은 당신이

{name:'date', index:'date', editrules: {required: true}, template: dateTemplate }