0

ノックアウト js の実装に問題があります。Chrome と Safari IE と FF では問題なく動作しているようです。

私が遭遇するメッセージは次のとおりです。

バインディングを解析できません。メッセージ: TypeError: 'AccountName' は定義されていません。バインディング値: 値: AccountName

この問題は、ノックアウト テンプレートとして機能するスクリプト タグ内で発生しています。

<div id="newAccountDialog" class="dialog" data-bind="dialog: { autoOpen: false, resizable: false, modal: true, width: 350, title: 'Exchange Account'}, template: { name: 'dialogFormTemplate', data: CurrentAccount }, openDialog: IsNew"></div>

<script id="dialogFormTemplate" type="text/html">
    <form id="dialogForm">
        <h1>Exchange Account Manager</h1>
        <p>Add new or edit an existing exchange account settings.</p>
        <label for="AccountName">
            Account
        </label>
        <input id="AccountName" name="AccountName" type="text" data-bind="value: AccountName, valueUpdate: 'afterkeydown'" class="ui-widget-content ui-corner-all" />
        <div class="buttonsContainer floatRight">
            <button id="Save" data-bind="click: $root.SaveAccount, dialogcmd: { id: 'newAccountDialog', cmd: 'close'}, jqButton: { icons: { primary: 'ui-icon-disk' } }">Save & Close</button>
        </div>
    </form>
</script>

テンプレートで何らかの早期バインディングがトリガーされていると思います

データ: 現在のアカウント

undefined / null が CurrentAccount に渡されます。スクリプト タグの外でこの問題を確認しましたが、オブザーバブルが定義されていないか null の場合のみです。

私のビューモデルは次のようになります。

    var AccountModel = function () {
    var self = this;

    self.Accounts = ko.observableArray([]);
    self.CurrentAccount = ko.observable(null);
    self.IsNew = ko.observable(false);

    self.LoadAccounts = function () {
        $account.invoke("GetAccounts", {}, function (data) {
            var mapped = $.map(data, function (item) {
                var account = new Account(item);
                var innerMapped = $.map(item.Mailboxes, function (mailbox) {
                    return new Mailbox(mailbox);
                });
                account.Mailboxes(innerMapped);
                return account;
            });
            self.Accounts(mapped);
        });
    }

    self.EditAccount = function (data) {
        self.CurrentAccount(data);
        self.IsNew(true);
    }

    self.SaveAccount = function () {
        if (self.CurrentAccount().Id() <= 0) {
            $account.invoke('AddAccount', ko.toJS(self.CurrentAccount()), function (data) {
                self.Accounts.push(new Account(data));
                self.CurrentAccount(new Account(data));
                self.IsNew(true);
            });
        } else {
            $account.invoke('UpdateAccount', ko.toJS(self.CurrentAccount()), function (data) {
                //self.CurrentAccount(new Account(data));
            });
        }
    }

    self.CreateAccount = function () {
        self.IsNew(true);
        var account = { Id: 0, AccountName: '', IsNTLM: -1, Email: '', Password: '', Domain: 'mydomain', ExchangeVersion: 1, Mailboxes: [] };
        self.CurrentAccount(new Account(account));
    }
};

私のダイアログ bindingHandler は次のように定義されています。

ko.bindingHandlers.dialog = {
    init: function (element, valueAccessor) {
        var options = ko.utils.unwrapObservable(valueAccessor()) || {};
        ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
            $(element).dialog('destroy');
        });
        $(element).dialog(options);
    }
};

このコンテキストでは必要ない可能性があるため、Account オブジェクトは省略しました。

助けていただければ幸いです。

前もって感謝します。

4

1 に答える 1

3

Knockoutには「初期の」バインディングはありません。を呼び出すと、すべてがバインドされますko.applyBindings。ただし、特定のバインディングは、その子孫要素のバインディングを停止または遅延させる可能性があります。またはオプションtemplateを使用する場合の1つです。あなたの場合、あなたはこのようなオプションを使うことができます:ififnotif

template: { name: 'dialogFormTemplate', data: CurrentAccount, 'if': CurrentAccount }

注:if一部の古いブラウザーでは、引用符が必要です。

于 2013-02-26T02:33:29.237 に答える