knockoutJS вызывающих ошибки остановки сценария с вложенным Еогеаспом

Question

Я использую knockout.js, чтобы сделать мой взгляд, я получаю данные с сервера и связывание, как это ..

var viewModel = ko.mapping.fromJS(data); 
ko.applyBindings(viewModel, $("#macro-wrapper")[0]); 

Моего вид ... Я обрезается несколько битов из ..., но обязательными являются такими же ...

<div data-bind="foreach: Data"> 
<h3> 
    <a href="#" data-bind="text: Site.Name"></a> 
</h3> 
<div id=""> 
    <div data-bind="foreach: Comments"> 
     <div class=""> 
      <div class="" data-bind="click: $root.showContent"> 
      <a ></a> 
      </div> 
      <span> 
       <a data-bind="attr: { 'href': Url }, text: SomeText"></a> 
      </span> 
      <span class=""> 
       <span class="" data-bind="text: ADate"></span> 
      </span> 
     </div> 
    </div> 
</div> 

в базе данных содержится массив объектов, и в каждом из этих объектов другой массив ... Там около 500 предметов, которые должны быть оказаны.

В то время как я тестировал, у меня не возникло никаких проблем, но при развертывании, будь то медленный компьютер, я не знаю, но они получают «Этот скрипт медленный - остановка?» сообщение. Если вы нажмете «Нет» пару раз, он отобразит.

Каковы методы работы с большими наборами данных в нокауте? В идеале я хотел бы, чтобы рендеринг выполнялся async и позволял пользователю продолжать свою работу, пока он занят работой ...

Свойства на самом деле не подлежат наблюдению - это одноразовый рендер ... ничего не будет меняться. Я использую API сопоставлений для удобства.

UPDATE: ОК, поэтому я внес изменения и не использовал отображение api больше - страница загружается, но все еще медленно ... любые идеи? var viewModel = data;

Answer 1

Событие клика запускается для каждого элемента. Это случилось со мной раньше.

Относительно того, что предыдущий плакат сказал re: связывая 500 элементов на странице, мне приходилось связывать более 500 элементов на странице раньше, а стоимость производительности почти ничтожна в более современных браузерах (вы можете заметить некоторое замедление на 7-8, но не так уж плохо). Я бы посоветовал не использовать плагин отображения при преобразовании большого json-объекта. Отображение KO сравнивает каждый элемент с каждым другим элементом (чтобы проверить уникальность), поэтому вы можете понять, почему конвертированные 500 элементов замедлят его.

Answer 2

Я думаю, что показать 500 элементов на странице не очень хорошая идея с точки зрения пользовательского интерфейса. Возможно, вы должны показывать только элементы верхнего уровня и иметь ссылки «Показывать комментарии», а только давать комментарии по запросу пользователя. Или только визуализируйте первые элементы верхнего уровня X с помощью subitem и получите ссылку «Показать больше». Или используйте комбинацию вышеуказанных методов. Это мой план решения одной и той же проблемы на моем веб-сайте.