2012-03-05 2 views
0

У меня есть строка JSON, который получает возвращенную с сервера, что я пытаюсь привязать к петле Еогеаспа с использованием KnockoutJSKnockoutJS Еогеасп цикл из 2-мерного массива

в JSON вернулся, выглядит следующим образом:

[{"FileID":19, 
"ParentID":6, 
"SubType":"Page", 
"FileName":"nav_secondary_bg.png", 
"FileExtension":null,"Filetype":"20", 
"FileMethod":null,"FileGroupName":null, 
"FileLocation":"/uploads/Page/resized/nav_secondary_bg.png_thumb", 
"FilenameOriginal":"nav_secondary_bg.png", 
"AltTag":null, 
"DateUploaded":"\/Date(-62135596800000+0000)\/", 
"OrigFilesize":0, 
"OrigFile":null, 
"SiteID":0, 
"Display":"y", 
"FileDefault":false}, 
{... Next Item...}] 

и мой HTML-код:

<div id="itemImages" > 
    <ul data-bind="foreach: Image">  
     <li>   
     <span data-bind="value: FileName"></span> 
     </li>   
     </ul> 
    </div>  
</div> 

я попробовал следуя примеру на учебники (http://learn.knockoutjs.com/#/?tutorial=loadingsaving), однако не могу получить отображение плагин COR прямо отобразите данные и получите работу forloop вообще.

Update:

используя пример Johns, им в настоящее время привязки данных к пользовательскому интерфейсу, однако изо всех сил, чтобы обновить привязок после новых данных будет получена.

ответ

0

Вот рабочая скрипку вы можете сравнить с вашими:

http://jsfiddle.net/jearles/y4b9e/

Убедитесь, что вы используете text связывания для диапазона, связывание не значение. Связывание value используется для связывания свойств для формирования элементов (ввода, выбора, ...), тогда как текстовое связывание устанавливает внутренний текст или текстовый текст связанного элемента DOM (p, span, ...)

+0

thats perfect ! выяснилось, что у меня был почти тот же код, однако многочисленные привязки на странице вызывали проблемы. – Matt

+0

Хорошо, так что это прекрасно работает, однако я не могу обновить привязки после его создания, снова я получаю строку JSON с сервера, но привязка никогда не обновляет UI. – Matt

+0

. Это обновление, которое изменяет исходные страницы: http://jsfiddle.net/y4b9e/4/ –

Смежные вопросы