فیلترهای بوت استرپ

بوت استرپ component که امکان فیلتر کردن را فراهم کند را ندارد. با این حال، ما می توانیم از جی کوئری برای filter/search بر روی این عناصر استفاده کنیم.

مقالات

فلیتر کردن جداول بوت استرپ

یک جستجوی غیر حساس برای موارد در یک جدول انجام دهید:

کد جی کوئری

<script>
$(document).ready(function(){
  $("#myInput").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#myTable tr").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
});
</script>

$(document).ready(function(){

$("#myInput").on("keyup", function() {

var value = $(this).val().toLowerCase();

$("#myTable tr").filter(function() {

$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)

});

</script>

مثال توضیح داده شده است: ما از jQuery به منظور حل کردن از طریق هر ردیف جدول استفاده می کنیم تا بررسی کنیم که آیا مقادیر متن مربوط به مقدار فیلد ورودی وجود دارد. متد toggle () ردیف (display: none) پنهان می کند که با جستجو مطابقت ندارد. ما از متد LowerCase() برای تبدیل متن به حروف کوچک استفاده می کنیم که باعث می شود که محتوا جستجو غیر حساس باشد (این موارد را بدون حساسیت جست وجو می کند “john”, “John”, and even “JOHN”).

فیلتر کردن لیست ها بوت استرپ

انجام یک جستجوی غیر حساس برای موارد در یک لیست انجام دهید:

Filter Dropdowns

یک جستجوی غیر حساس برای موارد در یک منوی کرکره انجام دهید:

هر چیزی فیلتر کن

Rate this post

فیلترهای بوت استرپ

فلیتر کردن جداول بوت استرپ

فیلتر کردن لیست ها بوت استرپ

Filter Dropdowns

هر چیزی فیلتر کن

مطالب زیر را حتما مطالعه کنید

دیدگاهتان را بنویسید لغو پاسخ

فلیتر کردن جداول بوت استرپ

فیلتر کردن لیست ها بوت استرپ

Filter Dropdowns

هر چیزی فیلتر کن

مطالب زیر را حتما مطالعه کنید

افزونه و کلاس Carousel در بوت استرپ bootstrap

کلاس collapse در بوت استرپ bootstrap

کلاس jumbotron در بوت استرپ

افزونه Affix بوت استرپ

افزونه Scrollspy بوت استرپ

افزونه Popover بوت استرپ

دیدگاهتان را بنویسید لغو پاسخ