رایگان JavaScript API برای افزودن، مدیریت و دستکاری لیست‌های پویا

آغاز کار با List.js

روش پیشنهادی برای نصب List.js استفاده از NPM است. لطفاً از دستور زیر برای نصب روان استفاده کنید.

npm install list.js 

ایجاد لیست‌های پویا با استفاده از API جاوا اسکریپت

کتابخانه متن باز List.js پشتیبانی کامل برای ایجاد و مدیریت لیست‌ها در داخل برنامه‌های JavaScript را فراهم کرده است. چندین ویژگی مهم وجود دارد که به توسعه‌دهندگان نرم‌افزار اجازه می‌دهد لیست‌های جدید اضافه کنند، جداول را اضافه و مدیریت کنند، لیست‌های موجود را مشاهده و ویرایش کنند، محتوای یک لیست موجود را دریافت کنند، از پشتیبانی صفحه‌بندی بهره‌مند شوند، فیلتر را در محدوده اعمال کنند، در ستون خاصی جستجو کنند و بسیاری موارد دیگر. مثال زیر نشان می‌دهد که چگونه کاربران می‌توانند یک لیست پویا ایجاد کنند که بر اساس ورودی کاربر فیلتر شود.

  
  

    
Hello
    
World
    
List.js
  

  

مرتب‌سازی و فیلتر کردن لیست‌ها با استفاده از جاوااسکریپت

کتابخانه List.js جاوااسکریپت به توسعه‌دهندگان نرم‌افزار این امکان را می‌دهد که لیست‌ها را در داخل برنامه‌های جاوااسکریپت خود مرتب و فیلتر کنند. این کتابخانه در مرتب‌سازی و فیلتر کردن لیست‌ها بسیار عالی عمل می‌کند. با تنها چند خط کد، این کتابخانه می‌تواند به کاربران اجازه دهد تا لیست‌ها را بر اساس هر معیاری مرتب کنند و آن‌ها را بر اساس شرایط خاص فیلتر کنند. این برای ایجاد کاتالوگ‌های محصولات پویا، جداول قابل مرتب‌سازی، یا هر لیست غنی از محتوا که کاربران نیاز به مرور آن دارند، فوق‌العاده مفید است. مثال زیر نشان می‌دهد که چگونه توسعه‌دهندگان نرم‌افزار می‌توانند لیست‌ها را در داخل برنامه‌های جاوااسکریپت خود مرتب کنند.

var options = {
  valueNames: ['name', 'category', 'price'],
};

var myList = new List('my-list', options);

جستجو در لیست‌ها از طریق API جاوا اسکریپت

کتابخانه متن باز List.js پشتیبانی کاملی برای افزودن قابلیت جستجو در داخل برنامه‌های جاوااسکریپت فراهم کرده است. جستجو در لیست‌ها یک نیاز رایج در بسیاری از برنامه‌های وب است. این کتابخانه این فرآیند را با ارائه یک ویژگی جستجوی داخلی که به محض تایپ کاربر نتایج را فیلتر می‌کند، ساده می‌کند. این ویژگی سریع و کارآمد است و تجربه کاربری روانی را تضمین می‌کند. مثال زیر نشان می‌دهد که چگونه توسعه‌دهندگان نرم‌افزار می‌توانند قابلیت جستجو را در داخل برنامه‌های جاوااسکریپت خود اضافه کنند.

 var options = {
  valueNames: ['name', 'category', 'price'],
};

var myList = new List('my-list', options);

document.getElementById('search').addEventListener('keyup', function (e) {
  myList.search(e.target.value);
});