TypeHead و Affix در بوت استرپ
TypeHead
Typeahead به شما این امکان را می دهد که به راحتی ورودی های تایپ را در فرم ها ایجاد کنید. برای
برای مثال، میتوانید حالتها را در یک فیلد وضعیت از قبل بارگیری کنید یا با استفاده از جاوا اسکریپت، جستجو را دریافت کنید
نتایج با استفاده از برخی تماس های AJAX.
با استفاده از Data API، می توانید منابع را از طریق ویژگی data-source اضافه کنید. موارد باید فهرست شده باشد در یک آرایه JSON یا یک تابع.
<input
type=”text”
class=”span3″
data-provide=”typeahead”
data-items=”4″
Typeahead | 95
data-source=”[
‘Alabama’,
‘Alaska’,
‘Arizona’,
‘Arkansas’,
‘California’,
…
]”
>
options :
source :
منبع داده برای پرس و جو در برابر. ممکن است آرایه ای از رشته ها یا یک تابع باشد. را
تابع از طریق دو آرگومان ارسال می شود: مقدار پرس و جو در فیلد ورودی
و فرآیند فراخوانی. تابع ممکن است به طور همزمان با returningاستفاده شود
منبع داده به طور مستقیم یا ناهمزمان از طریق فراخوان تکی فرآیند
بحث و جدل می اید.
items :
حداکثر تعداد موارد برای نمایش در منوی کشویی
minLength :
حداقل طول نویسه مورد نیاز قبل از شروع تکمیل خودکار
پیشنهادات.
matcher :
روش مورد استفاده برای تعیین اینکه آیا یک پرس و جو با یک آیتم مطابقت دارد یا خیر. تک می پذیرد
آرگومان، آیتمی که پرس و جو را در مقابل آن آزمایش می کند. به پرس و جو فعلی دسترسی پیدا می کند
با این.پرس و جو. اگر پرس و جو مطابقت دارد، یک true Boolean را برگردانید.
sorter :
روش مورد استفاده برای مرتب سازی نتایج تکمیل خودکار. یک مورد آرگومان واحد را می پذیرد و
محدوده نمونه تایپ را دارد. ارجاع به پرس و جو فعلی با
این.پرس و جو.
Affix
افزونه affix به <div> اجازه می دهد تا به مکانی در صفحه الصاق شود. مشترک
نمونه ای از این نمادهای اجتماعی است. آنها در یک مکان شروع می شوند، اما زمانی که صفحه به مکان خاصی می رسد
علامت گذاری کنید، <div> در جای خود قفل می شود و حرکت با بقیه موارد را متوقف می کند
در صفحه.
برای اعمال افزونه affix به <div>، میتوانید از ویژگیهای داده یا میتوانید استفاده کنید
جاوا اسکریپت مستقیم ، توجه داشته باشید که باید عنصر را طوری قرار دهید که بتوان آن را به آن چسباند
صفحه، موقعیت توسط ویژگی data-spy با استفاده از affix، affixtop یا affix-bottom کنترل می شود. سپس از دادههای افست برای محاسبه موقعیت استفاده میکنید.
<div data-spy=”affix” data-offset-top=”200″>
…
</div>
options
offset :
هنگام محاسبه موقعیت پیمایش، پیکسلهایی که از صفحه نمایش جدا میشوند. اگر یک عدد ارائه شود،
افست در هر دو جهت بالا و چپ اعمال خواهد شد. برای گوش دادن به یک جهت یا
چندین افست منحصر به فرد، فقط یک افست شی ارائه کنید: { x: 10 }. زمانی که از یک تابع استفاده کنید
شما باید به صورت پویا یک افست (مفید برای برخی از طرح های پاسخگو) ارائه دهید.
طومار
قوانین ارسال دیدگاه در سایت