>웹 프론트엔드 >JS 튜토리얼 >jquery easyui 콤보박스 퍼지 필터링(샘플 코드)_jquery

jquery easyui 콤보박스 퍼지 필터링(샘플 코드)_jquery

WBOY
WBOY원래의
2016-05-16 17:11:281016검색

jquery easyui 콤보박스 퍼지 필터링 수정

코드 복사 코드는 다음과 같습니다.

필터:함수(q,row){
var opts=$(this).combobox("options")

//return row[opts.textField].indexOf(q)==0 ;//

행 반환[opts.textField].indexOf(q)>-1;//일치하는 헤드 위치를 일치하는 항목으로 변경
},formatter:function(row){
var opts =$(this).combobox("options");
return row[opts.textField]
},loader:function(_7c9,_7ca,_7cb){
var opts=$ (this) .combobox("options");
if(!opts.url){
return false;
}

easyui 콤보박스 확장을 수정하여 첫 번째 항목을 선택하세요. 기본적으로 행

easyui의 콤보박스 확장은 기본적으로 첫 번째 줄을 선택합니다. 인터넷에 코드를 수없이 다시 인쇄한 미친 학자가 있는데 해당 코드는 easyui1.2.6에만 해당됩니다. 1.3.2 이하에서는 제가 직접 다시 작성했습니다.

코드를 복사합니다. 코드는 다음과 같습니다. :

$.extend($.fn.combobox.methods, {
selectedIndex: function (jq, index) {
if (!index) {
index = 0 ;
}
$(jq).combobox({
onLoadSuccess: function () {
var opt = $(jq).combobox('options');
var data = $ (jq).combobox('getData');

for (var i = 0; i < data.length; i ) {
if (i == index) {
$( jq).combobox('setValue', eval('data[index] .' opt.valueField));
                              });


호출 방법 예시는 다음과 같습니다.



코드 복사