knockout js – one way binding, two way binding

יום שישי, יולי 5, 2013

בהמשך לפוסטים על KO, הפעם נדבר על סוגי ה – bindings השונים. tow way binding – כל שינוי באובייקט מעדכן את ה – UI, וכל שינוי ב – UI מעדכן את האובייקט. one way binding UI to Object – שינוי ב – UI מעדכן את האובייקט אבל שינוי באובייקט לא מעדכן את ה – UI. one way binding Object to UI – שינוי באובייקט מעדכן את ה – UI, שינוי ב – UI לא מעדכן את...
תגיות: , , , , ,
2 תגובות

משימה שלישית עם (3) knockout

יום ראשון, מרץ 3, 2013

בהמשך לפוסטים הקודמים על KO, נראה הפעם עבודה עם ולידציות. נכתוב את ה – html הבא: Code Snippet <table id="tblContact">     <tr>         <td>שם:</td>         <td> ...
תגיות: , , , , , ,
תגובה אחת

knockout on property change event

יום שלישי, נובמבר 6, 2012

התבקשתי לכתוב קוד אשר ישמור בצד את המאפיינים של אובייקט ko, אשר השתנו לאחר שהדף נטען (כאשר המשתמש משנה את הערך) הקוד המלא לצפייה נניח שהמודל שלנו נראה כך: viewModel = {     Id: ko.observable(1),     Title: ko.observable("Shlomo") }; ...
תגיות: , , ,
אין תגובות

משימה שנייה עם (2) knockout

יום שני, אוקטובר 22, 2012

כתבתי כיצד מתחילים לעבוד עם knockout, בפעם הזאת נראה דוגמא קצת יותר מתקדמת. נגדיר את המשימה הבאה: דף שבו המשתמש יכול להכניס ID של משתמש, לקבל את השם והגיל, לעדכן אותם ולשלוח בחזרה לשרת. הדף יראה כך:   נחשוב לרגע על קוד רגיל שהיינו כותבים. היינו נרשמים לאירוע change של תיבת הטקסט הראשונה, שולחים את ה – Id לשרת, בצד השרת נחזיר אובייקט Person ללקוח, בצד הלקוח נעבור על המאפיינים, נדאג להכניס אותם לתיבות הטקסט, ולאחר מכן...
תגיות: , , , , , , , ,
אין תגובות

משימה ראשונה עם knockout

יום רביעי, ספטמבר 26, 2012

כדי לפתח היום אפליקציות web אנחנו חייבים להכיר ספרייה כמו knockout, בקצרה – ספריה זו מאפשרת לעבוד עם מודל ה – binding בין אלמנטי ui לבין משתנים ואובייקטים בעמוד, ללא צורך לגשת מה – java script לאלמנטים. נניח שנרצה להציג בעמוד את מספר הקליקים שנעשה על לחצן, בדרך כלל נשים span כלשהו בעמוד, ובכל לחיצה נמצא את האלמנט ונשנה את הטקסט. בעזרת knockout נגדיר משתנה כלשהו, נחבר אותו בעזרת binding לאלמנט, ובכל פעם שהערך של המשתנה יתעדכן – בצורה אוטמטית גם הטקסט של האלמנט יתעדכן. ...
תגיות: , , , , ,
תגובה אחת