使用新数据更新 html Knockout.js

发布于 2024-12-21 20:39:37 字数 791 浏览 2 评论 0原文

我正在使用 getJson 检索新数据

    function getDaysMeals(dayid)
    {           
        $.getJSON('jsonchoose/'+ dayid +'', function(data) {
                var viewModel = {
                    dayMeals: ko.observableArray(data)
                };
                ko.applyBindings(viewModel);
            });

    }

，我有点击事件来触发带有“dayid”的 $.getJson 来获取新数据。

我正在尝试使用新数据更新表 - 目前它每次都会添加到现有数据中。

  <table>
<tbody data-bind="foreach: dayMeals">
  <tr>
    <td data-bind="text: description" class="display-meal"></td>
    <td data-bind="text: measure" class="display-meal"></td>
    <td data-bind="text: total_cal" class="display-meal"></td>
  </tr>
</tbody>

原文

I am retreiving new data using getJson

    function getDaysMeals(dayid)
    {           
        $.getJSON('jsonchoose/'+ dayid +'', function(data) {
                var viewModel = {
                    dayMeals: ko.observableArray(data)
                };
                ko.applyBindings(viewModel);
            });

    }

I have click event to fire $.getJson with a 'dayid' to get new data.

I am trying to update table with the new data - at the moment it is adding to the existing data each time.

  <table>
<tbody data-bind="foreach: dayMeals">
  <tr>
    <td data-bind="text: description" class="display-meal"></td>
    <td data-bind="text: measure" class="display-meal"></td>
    <td data-bind="text: total_cal" class="display-meal"></td>
  </tr>
</tbody>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

我的奇迹 2024-12-28 20:39:37

在代码中，每次调用 getJSON() 时都会调用 applybindings。

您应该只调用一次 applyBindings。也许您可以将 applyBindings() 移动到初始化位置或有条件地仅调用它一次。

//Make necessary changes as per your requirement.
var viewModel;

function onLoad()
{
 viewModel = { dayMeals: ko.observableArray([]) };
 ko.applyBindings(viewModel);
}

function getDaysMeals(dayid)
{           
  $.getJSON('jsonchoose/'+ dayid +'', function(data) {
  // This is just for reference. Minor change may be required.
   viewModel.dayMeals(data); 
   });
}

In the code applybindings is getting invoked every time you call getJSON().

You should call applybindings only once. Probably you can move applyBindings() to a place of initialization or conditionally invoke it only once.

//Make necessary changes as per your requirement.
var viewModel;

function onLoad()
{
 viewModel = { dayMeals: ko.observableArray([]) };
 ko.applyBindings(viewModel);
}

function getDaysMeals(dayid)
{           
  $.getJSON('jsonchoose/'+ dayid +'', function(data) {
  // This is just for reference. Minor change may be required.
   viewModel.dayMeals(data); 
   });
}

回复收藏 0 原文

~没有更多了~