有没有办法从/到POCO和knockoutjs映射？

我有一个Note类：

public class Note
{
    public int ID { get; set; }
    public string Date { get; set; }
    public string Content { get; set; }
    public string Category { get; set; }
    public string Background { get; set; }
    public string Color { get; set; }
}

这是我的javascript：

$(function () {
    ko.applyBindings(new viewmodel());
});

function note(date,content,category,color,background) {
    this.date = date;
    this.content = content;
    this.category = category;
    this.color = color;
    this.background = background;
}

function viewmodel () {
    this.notes = ko.observableArray([]);
    this.newNoteContent = ko.observable();

    this.save = function (note) {
        $.ajax({
                url: '@Url.Action("AddNote")',data: ko.toJSON({ nota: note }),type: "post",contentType: "json",success: function(result) { }

            });
    }

    var self = this;
    $.ajax({
        url: '@Url.Action("GetNotes")',type: "get",async: false,success: function (data) {
            var mappednotes = $.map(data,function (item) {
                return new note(item.Date,item.Content,item.Category,item.Color,item.Background);
            });
            self.notes(mappednotes);
        }
    });
}

忽略不使用保存功能(简化此处的代码)的事实.

所以,当我加载页面时,我调用服务器,我检索一个Note对象的列表,并将其映射到javascript.请注意,如果ID不被映射,因为我不需要它.

到目前为止这么好,我看到屏幕上的笔记,但我如何可以将笔记保存回服务器？

我试图将注释(Im只保存新笔记而不是整个集合)转换为JSON并将其发送到我的控制器,但我不知道如何访问控制器中的注释.我试过了：

public string AddNote(string date,string content,string category,string background,string color)
    {
        // Todo
    }

但不行.我想有一些像：

public string AddNote(Note note) {}

(Btw,在数据库中保存数据的方法的最佳回报是什么？void？)

那么我该怎么做呢？我尝试了knockout.mapping插件,但它是相当混乱,我不会让它为我工作.

谢谢.

ASP.NET MVC的模型绑定器将查找区分大小写的属性.您需要将JSON对象传回给具有与您的poco对象匹配的属性名称的服务器.

我通常做2件事情之一：

>使我的javascript对象属性名称大写(这样在JS中,我知道这个对象将在某个时候是服务器的DTO)

function Note(date,background) {
    this.Date = date;
    this.Content = content;
    this.Category = category;
    this.Color = color;
    this.Background = background;
};

>在我的AJAX调用中,我将创建一个匿名对象来传回给服务器(注意这不需要ko.toJSON)：

$.ajax({
        url: '@Url.Action("AddNote")',data: JSON.stringify({ note: {
                Date: note.date,Content: note.content,Category: note.category,Color: note.color,Background: note.background
                }
            }),contentType: "application/json; charset=utf-8",success: function(result) { }
});

(注意不同的contentType参数)

您将要使ActionMethod成为(注释),而不仅仅是参数数组.

另外,因为模型绑定器以几种不同的方式查看已发布的值.我已经运气发布JSON对象,指定了ActionMethod参数名称：
代替：

{ note: {
        Date: note.date,Background: note.background
        }
    }

做就是了：

{
        Date: note.date,Background: note.background
    }

(但是可以使用数组绑定到集合和复杂类型…等)

对于一个执行db调用的方法返回的“最佳”签名,我们通常更喜欢看到布尔值,但这也取决于您的需求.显然,如果它是微不足道的数据,则void将会很好,但是如果它更重要,则可能需要中继一个布尔值(至少),让您的客户端知道它可能需要重试(特别是如果有并发异常) .

如果您真的需要让您的客户知道数据库中发生了什么,您可以进入custom error handling和exception catching的世界.

另外,如果您需要根据成功/不成功的数据库提交向用户显示非常具体的信息,那么您可以根据数据库事务中发生的情况,查看创建重定向到某些视图的custom ActionResults.

最后,从服务器获取数据并使用Knockout …

>如果您的属性名称相同,或者创建稍微更明确的映射,映射插件将再次工作
>我自己的技巧与我的JS对象在下面.初始化函数是我创建的,应该可以在所有对象中重复使用,因为它只是说“如果属性名称匹配(在低级后),可以通过调用函数(敲除兼容)来设置它们,或者只是赋值：

function Note(values){ //values are what just came back from the server
    this.date;
    this.content;
    this.category;
    this.color;
    this.background;

    initialize(values); //call the prototyped function at the bottom of the constructor
};

Note.prototype.initialize = function(values){
    var entity = this; //so we don't get confused
        var prop = '';
        if (values) {
            for (prop in values) {
                if (values.hasOwnProperty(prop.toLowerCase()) && entity.hasOwnProperty(prop.toLowerCase())) {
                    //the setter should have the same name as the property on the values object

                    if (typeof (entity[prop]) === 'function') {
                        entity[prop](values[prop]); // we are assuming that the setter only takes one param like a Knockout observable()
                    } else {// if its not a function,then we will just set the value and overwrite whatever it was prevIoUsly
                        entity[prop] = values[prop];
                    }
                }
            }
        }
};

我正在使用knockout.js框架开发一个应用程序.我有一个这样的viewmodel：

var Myviewmodel= {
    Id: ko.observable(),CountryCode: ko.observable(),normalizedAddress:
        {
            COUNTRY_CODE: ko.computed(function () { return this.CountryCode(); }),Street: ko.observable(),ZipCode: ko.observable(),AreaCode: ko.observable(),Town: ko.observable(),Description: ko.observable()
        }

当我运行我的应用程序时,我得到一个例外：

0x800a01b6 – JavaScript runtime error: Object doesn’t support property
or method ‘CountryCode’

你能帮我解决一下我的问题吗？

非常感谢,
马尔科

我使用 subscribing feature淘汰赛解决了我的问题.

现在我的代码是这样的：

var Myviewmodel= {
    Id: ko.observable(),normalizedAddress:
        {
            COUNTRY_CODE: ko.observable(),Description: ko.observable()
        }
}

Myviewmodel.CountryCode.subscribe(function (newValue) {
    Myviewmodel.normalizedAddress.COUNTRY_CODE(newValue);
});

所以我可以在CountryCode属性更改时更改值.

谢谢

我将在require js中定义我的模型,我需要在模块中使用 knockout和 knockout validation plugin以及jquery.

define(["knockout","jquery","knockout.validation"],function (ko,$,validation) {
  // knockout model here with some knockout validation 

    return function SignUpviewmodel() {
    var self = this;
    self.name = ko.observable();
    self.email = ko.observable().extend({ required: true });
    self.password = ko.observable().extend({
       required: true,minLength: 6
   });
   self.confirmPassword = ko.observable().extend({ mustEqual: self.password() });
   self.company = ko.observable();
   self.availableCountries = ko.observableArray(['Pakistan','USA','Egypt','UAE']);
   self.selectedCountry = ko.observable();
   self.errors = ko.validation.group(self);
   }           
 });

但是当我运行这个时,我得到了以下错误.

Uncaught ReferenceError: ko is not defined

我也尝试调试,发现所有其他librariesknockout,jquery正在加载完美.

这是我的配置部分

require.config({
  baseUrl: "/Scripts",paths: {
    "Signup" : "Signup","knockout": "knockout-2.3.0","knockout.validation": "knockout.validation","jquery": "require-jquery"
    }
});

你的模型对我很好,这是我的require配置：

requirejs.config({
  baseUrl: '/Scripts',paths: {
    'jquery': 'jquery-1.9.1.min','knockout' : 'knockout-2.3.0',}
});
// myModel.js is the file containing your model code.
require( ["myModel","knockout"],function(model,ko){
  ko.applyBindings(new model());
});

myModel.js

define(["knockout",validation) {
// knockout model here with some knockout validation 

  return function SignUpviewmodel() {
    var self = this;
    self.name = ko.observable();
    self.email = ko.observable().extend({ required: true });
    self.password = ko.observable().extend({
       required: true,minLength: 6
    });
    self.confirmPassword = ko.observable().extend({ mustEqual: self.password() });
    self.company = ko.observable();
    self.availableCountries = ko.observableArray(['Pakistan','UAE']);
    self.selectedCountry = ko.observable();
    self.errors = ko.validation.group(self);
  };           
});

从jQuery defines named AMD module ‘jquery’ (all lower case) when it detects AMD/RequireJS.开始,你不再需要require-jquery了

我正在使用rpniemeyer的kendo-knockout库.我有一个kendo窗口,我在html中这样使用：

<div data-bind="kendoWindow: { isOpen: isOpen,title:'States',width: 600,height: 150,modal: true,resizable: false,actions: ['Maximize','Close'] }" > </div>

我曾经把对话框放在这样的中心：

$('#productionStates').data("kendoWindow").center();

但是,由于中心是一种方法,我无法将其传递给像这个中心的标记：true.在kendo-knockout文档中,有一些小部件的属性小部件,我的猜测是这是关键,但我不知道如何使用它,因为没有例子.任何想法都将受到欢迎.谢谢！

当您需要以提供的绑定选项不支持的方式与窗口小部件交互时,将使用窗口小部件参数.通常情况下,这是最后的手段,但在这种情况下,它看起来是正确的选择.

你所做的是将一个observable传递给widget参数,它将填充实际的widget.然后,您可以从视图模型中调用方法.

就像是：

var viewmodel = function() {
   this.isOpen = ko.observable(false);
   //center it if it is opened
   this.isOpen.subscribe(function(newValue) {
       if (newValue) {
           this.myWidget().center();         
       }
   },this);

   //hold the widget
   this.myWidget = ko.observable();
};

然后,在标记中：

<div data-bind="kendoWindow: { isOpen: isOpen,visible: false,widget: myWidget }">
     ...
</div>​

此处示例：http://jsfiddle.net/rniemeyer/gNgDm/