2016-04-10 25 views
0

benim app arama metnini vurgulamak için jquery plugin uygulamaya çalışıyorum ve this topic kullanıyorum, benim app jquery eklentisi koymak ve bu satırı ekleyin ettik:vurgulama arama metin önyükleme tablo

$table.highlight($(".search.bs.table").val()); 

Fakat arama metni hala vurgulanmıyor. Birisi açıklayabilirmiyim, benim hatam nerede?

plunker

kodu:

function initTable() { 
    $table.bootstrapTable({ 
     filterControl: true, 
     //data: url, 
     //url: 'data/events.json', 
     height: getHeight(), 
     formatNoMatches: function() { 
      return "Please, choose your category"; 
     } 

    }); 

    // sometimes footer render error. 
    setTimeout(function() { 
     $table.bootstrapTable('resetView'); 
    }, 200); 
    $table.on('check.bs.table uncheck.bs.table ' + 
     'check-all.bs.table uncheck-all.bs.table', function() { 
     $remove.prop('disabled', !$table.bootstrapTable('getSelections').length); 
     // save your data, here just save the current page 
     selections = getIdSelections(); 
     // push or splice the selections if you want to save all data selections 
    }); 
    $table.on('all.bs.table', function (e, name, args) { 
     console.log(name, args); 
    }); 
    $table.highlight($(".search.bs.table").val()); 

    $table.on('search.bs.table', function (e, text){ 

     "use strict"; 
     console.log(e); 
     console.log(text); 
    }); 
    $remove.click(function() { 
     var ids = getIdSelections(); 
     $table.bootstrapTable('remove', { 
      field: 'id', 
      values: ids 
     }); 
     $remove.prop('disabled', true); 
    }); 
    $(window).resize(function() { 
     $table.bootstrapTable('resetView', { 
      //height: getHeight() 
     }); 
    }); 
} 

cevap

0

Bunun doğru Kodun altında nasıl çalıştığını, anlamaya (inittable içine bu kodu koymak):

$table.highlight($(".search.bs.table").val()); 

$table.on('search.bs.table', function (e, text){ 

    $table.highlight(text); 
    console.log(e); 
    console.log(text); 
}); 

css:

.highlight {background-color: yellow} 
İlgili konular