Question

如今,我用这名JSON,用KO绘图皮gin,并用工作罚款:

{
  "Controls": [
    {
      "Fields": [
        {
          "Name": "emailField", 
          "Text": "email", 
          "Visible": true
        }, 
        {
          "Name": "hiddenField", 
          "Text": "text", 
          "Visible": true
        }
      ], 
      "Name": "form2", 
      "Type": "Form"
    }, 
    {
      "Data": [
        [
          "Federico Aloi", 
          20
        ], 
        [
          "Andres Lopez", 
          31
        ], 
        [
          "Pablo Perez", 
          32
        ]
      ], 
      "Fields": [
        {
          "Name": "nameField", 
          "Text": "Nombre", 
          "Visible": true
        }, 
        {
          "Name": "ageField", 
          "Text": "Edad", 
          "Visible": true
        }
      ], 
      "Name": "datagrid1", 
      "Type": "Datagrid"
    }
  ], 
  "Name": "pagina1", 
  "Title": "Probando el KO"
}

现在我的要求是“部分更新”。在我愿意这样做的时候,一些情景是:

I need to change the Data array in the second control.
I need to update only one Control and not the whole Page (this is the class I m serializing, the root in this JSON).
I need to add another Control to my Page.

也许还有另一个工作要做,将原物体重新编号为ko.mapping.toJS(viewModel),加以修改,然后重新绘制。但我认为,你会做得更好。

<>光线> 我尝试了ko.mapping. fromJS(updatedControl, viewModel.Controls(0),但这里是我的法典:

function (control) {
    $.getJSON($.format( api/control/{0}/{1} , viewModel.Name(), control.Name()), function (response) {
        ko.mapping.fromJS(response, viewModel.Controls()[0]);
    });
},

response:

{
  "Fields": [
    {
      "Name": "emailField", 
      "Text": "email", 
      "Visible": true
    }, 
    {
      "Name": "hiddenField", 
      "Text": "text", 
      "Visible": true
    }
  ], 
  "Name": "form2", 
  "Type": "Form"
}

<><><>>>>> http://jsfiddle.net/faloi/4FcAy/10/“http://jsfiddle.net/faloi/4FcAy/10/。

Answer 1

我认为,现在,这是人们最问到的一个问题,是重新绘制图。原始财产目前只能部分更新。例如,如果你将以下数据重新绘制到您的物体上:

{ "Name": "pagina1 foo", "Title": "Probando el KO bar" }

它只更新这些财产。然而,如果你要改写以下地图,则对收集进行区别对待。

{ "Name": "pagina1 foo", "Title": "Probando el KO bar", 
  Controls: [ { // snip some updated object } ] }

它将在你的控制收集中删除非配对项目,而不是更新对应项目。做到这一点的唯一途径是收集并绘制你希望更新的每个项目图。你的法典几乎走在正确的轨道上,我认为它应当做到。

ko.mapping.fromJS(updatedControl, viewModel.Controls()[0])

http://www.ohchr.org。

你没有听到关于JS呼吁的中间制图论点。

http://jsfiddle.net/3CtFq/

地图标通常是选择性的,但我猜测,如果你正在像你的情况那样绘制一个子物体,那么原始图就能够表明,该子母子最初没有选择。

希望这一帮助。

Answer 2

我认为,这是关键选择的全局。我认识到,这种特征有点可笑,但我感到惊讶的是,根本不支持这种特征。

不管怎么说——这是(很遗憾)我最后不得不做些什么来部分更新命令清单——即通过和替换物品。

<代码>数据是我从服务器上的主要航空航天卫星/卫星模型,并载有<编码>数据。编号ko.observable Array([] of OrderViewModel items。该文件还载有我想初步绘制的所有其他内容:<代码>数据>.产品、<代码>数据foo<>/code>。

我有制定新<代码”的制图规则。在制图过程中自动使用Model号令。

            var mapping =
            {
                 orders :
                {
                    key: function (item)
                    {
                        return ko.utils.unwrapObservable(item.orderId);
                    },

                    create: function (options)
                    {
                        return new OrderViewModel(options.data);
                    }
                }
            };

当我从服务器中获取数据时,我首先想对我的模型进行完整的制图。因此,我设立了<条码>初始更新=true。

当我想重写一个单项命令时,我有<条码> 首次更新=false。

     if (initialUpdate) 
     {
         // standard initial mapping 
         ko.mapping.fromJS(data, mapping, this);
     }
     else
     {
         // merge orders
         var newModel = ko.mapping.fromJS(data, mapping);

         // go through all orders in the updated list
         for (var i = 0; i < newModel.orders().length; i++)
         {
             var newOrder = newModel.orders()[i];

             // find order with same key in existing ko model
             var match = ko.utils.arrayFirst(this.orders(), function (item)
             {
                 return newOrder.orderId() === item.orderId();
             });

             if (match == null)
             {
                 // TODO: insert new order                            
             }

             // replace original order in list
             this.orders.replace(match, newOrder);
         }
     }

友情链接