آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

آموزش KnockoutJS-آموزش enable binding در KnockoutJS

دوره های مرتبط با این مقاله

آموزش KnockoutJS-آموزش "enable" binding در KnockoutJS

هدف

enable binding باعث می شود که المان مربوطه ی DOM تنها وقتی که مقدار پارامتر برابر با true باشد، enable شود. این binding در form element هایی مانند input, select و textarea مفید خواهد بود.

مثال:

< p >
    < input type='checkbox' data-bind="checked: hasCellphone" / >
    I have a cellphone
< /p >
< p >
    Your cellphone number:
    < input type='text' data-bind="value: cellphoneNumber, enable: hasCellphone" / >
< /p >
 
< script type="text/javascript" >
    var viewModel = {
        hasCellphone : ko.observable(false),
        cellphoneNumber: ""
    };
< /script >

در این مثال در ابتدا تکست باکس “Your cellphone number” غیرفعال می شود. این text box تنها وقتی فعال می شود که کاربر تیک گزینه ی “I have a cellphone” را بزند.

پارامترها

  • پارامتراصلی
    • پارامتراصلی مقداری است که تصمیم می گیرد المان مربوط به DOM فعال یا غیر فعال باشد.
    • مقادیر غیر بولی با کمی چشم پوشی به عنوان مقادیر بولی تفسیر می شوند. برای مثال صفر و تهی به عنوان false در نظر گرفته می شوند، و 21 و اشیاء غیرتهی به عنوان true در نظر گرفته می شوند.
    • اگر پارامتر شما به یک مقدار قابل مشاهده ای اشاره کند، در این صورت binding هر زمان که این مقدار تغییر کند حالت enable یا disable بودن را آپدیت می کند. در صورتی که پارامتر به مقدار قابل مشاهده ای اشاره نداشته باشد، این پارامتر این حالت را تنها یک بار تنظیم می کند و دیگر این کار را انجام نخواهد داد.
  • پارامترهای اضافی
    • ندارد

استفاده از عبارت های قراردادی جاوااسکریپت

برای کنترل فعال بودن المان ها حیطه ی انتخاب های شما تنها محدود به اشاره کردن به متغیرها نمی شود. بلکه می توانید برای این کار از عبارت های قراردادی نیز استفاده کنید. برای مثال:

< button data-bind="enable: parseAreaCode(viewModel.cellphoneNumber()) != '555'" >
    Do something
< /button >

وابستگی ها

به غیر از کتابخانه ی اصلی KnockoutJS وابستگی دیگری ندارد.

  • 133
  •    146
  • تاریخ ارسال :   1397/05/20

دانلود PDF دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .