2013-04-21 2 views
0

자동 완성 기능은 정상적으로 작동하지만 자동 제안 상자가 1 자로 표시되며 입력 값이 3 이상일 때만 자동 제안 상자를 표시하도록 변경하고 싶습니다. .

저는 'minLength'옵션을 삽입하려고 시도했지만 아무런 효과가 없습니다.
jQuery 자동 완성 플러그인 - minLength가 적용되지 않습니다.

.autocomplete(conf.opts, minLength: 3 || {}); 


을하지만 아무도 성공이 없었 :

나는에 여섯 번째 줄을 수정하려고했습니다.

var myEditor; 
// AutoComplete FieldType 
$.fn.dataTable.Editor.fieldTypes.autoComplete = $.extend(true, {}, $.fn.dataTable.Editor.models.fieldType, { 
    "create": function (conf) { 
     conf._input = $('<input type="text" id="' + conf.id + '">') 
     .autocomplete(conf.opts || {}); 

     return conf._input[0]; 
    }, 

    "get": function (conf) { 
     return conf._input.val(); 
    }, 

    "set": function (conf, val) { 
     conf._input.val(val); 
    }, 

    "enable": function (conf) { 
     conf._input.autocomplete('enable'); 
    }, 

    "disable": function (conf) { 
     conf._input.autocomplete('disable'); 
    }, 

    // Non-standard Editor method - custom to this plug-in 
    "node": function (conf) { 
     return conf._input; 
    } 
}); 


$(document).ready(function() { 
    myEditor = new $.fn.dataTable.Editor({ 
     "ajaxUrl": "./php/pTreinamentos.php", 
     "domTable": "#example", 
     "fields": [{ 
      "label": "Tema", 
      "name": "tema", 
      "type": "autoComplete", 
      "opts": { 
      "source": ['banana'] 
      } 
     } 
     ] 
    }); 


    // DataTable 
    var oTable = $('#example').dataTable({ 
     "sDom": "<'row-fluid'<'span6'T><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>", 
     "sAjaxSource": "./php/pTreinamentos.php", 
     "bFilter": true, 
     "bAutoWidth": false, 
     "iDisplayLength": 20, 
     "aoColumns": [{ 
      "mData": "tema" 
      } 
     ], 
     "oTableTools": { 
      "sSwfPath": "../../TableTools/media/swf/copy_csv_xls_pdf.swf", 
      "sRowSelect": "single", 
      "sPaginationType": "bootstrap", 
      "aButtons": [{ 
       "sExtends": "editor_create", 
       "editor": myEditor 
       }, { 
       "sExtends": "editor_edit", 
       "editor": myEditor 
       }, { 
       "sExtends": "editor_remove", 
       "editor": myEditor 
       } 
      ] 
     } 
    }); 

}); 

답변

1

이 솔루션은 필드 구조 내부의 옵션을 추가했다 :


여기에 내 JS 파일입니다.

"fields": [{ 
    "label": "Data", 
    "name": "data", 
    "type": "autoComplete", 
    "opts": { 
    "source": ['banana'], 
    "minLength": 3 
    }