使用ASP.NET Webforms进行KnockoutJS

时间:2012-11-05 22:07:37

标签: knockout.js webforms

我在这里碰到一堵墙,试图找出为什么我不能让它发挥作用。我尝试过很多例子,并且已经将我尝试过的所有内容都删除了下面的内容。

所以,在我的aspx页面上,我有:

<input type="radio" data-bind="value: individual" />Individual

这是我的javascript:

var serviceBase = 'http://localhost:49906/PopulationSelection.aspx/';
var getSvcUrl = function (method) { return serviceBase + method; };

var ajaxGetJson = function (method, jsonIn, callback) {
    $.ajax({
        url: getSvcUrl(method),
        type: "GET",
        data: ko.toJSON(jsonIn),
        dataType: "json",
        contentType: "application/json",
        success: function (json) {
            callback(json.d);
        },
        error: function (xhr, ajaxOptions, thrownError) {
            alert(xhr + ' ' + thrownError);
        }
    });
}

var batchesDataService = {
    getSavedBatches: function (callback) {
        ajaxGetJson("GetBatches", null, callback);
    }
};

var Batch = function (p) {
    this.individual = ko.observable(p.Individual);
    this.household = ko.observable(p.Household);
    this.countOnly = ko.observable(p.CountOnly);
    this.femalePrimary = ko.observable(p.FemalePrimary);
    this.eventManagement = ko.observable(p.EventManagement);
    this.eventManagementText = ko.observable(p.EventManagementText);
    this.randomSampling = ko.observable(p.RandomSampling);
    this.randomSamplingText = ko.observable(p.RandomSamplingText);
    this.stateHasChanged = ko.observable(false);
};

var loadBatchesCallback = function (data) {
    var parsed = JSON.parse(data);
    myViewModel.Batch = new Batch(parsed);
    //also tried:
    //myViewModel.Batch(new Batch(parsed));
};

var myViewModel;
var viewModel = function () {
    this.Batch = ko.observable();
    this.getBatchInfo = function () {
        batchesDataService.getSavedBatches(loadBatchesCallback);
    };
};

$(document).ready(function () {
    myViewModel = new viewModel();
    myViewModel.getBatchInfo();
    ko.applyBindings(myViewModel.Batch);
});

我从我的webmethod(使用会话访问)获取数据没有问题,当我提醒批处理成员时,我看到了正确的信息。

我的问题来自实际的ko.applyBindings()。无论我尝试过什么,我都会在控制台中收到以下错误:

Uncaught Error: Unable to parse bindings.
Message: ReferenceError: individual is not defined;
Bindings value: value: individual 

感谢任何帮助!

2 个答案:

答案 0 :(得分:2)

异步性。

在调用ajax回调之前调用ko.applyBindings,所以它还没有值。

您可能想在回调中的某处调用applyBindings。

答案 1 :(得分:0)

首先,我想你想要

ko.applyBindings(myViewModel.Batch);

您对Batch的使用也不一致。您可以在一个地方将其定义为可观察对象,但从不更新它。我建议遵循仅使用大写开始类定义和使用小写开始的实例/属性变量的约定。这可能有助于澄清您在哪里使用的内容。