ASP.NET MVC视图中的淘汰赛绑定

Question

在我的应用程序中，我们正在从ASP.NET MVC方法中获取json数据。 并使用数据绑定视图绑定。 目前，我正在使用Knockout JavaScript库v2.2.1和Knockout Mapping插件v2.3.5。

因此，无论何时加载局部视图，都必须再次调用相同的绑定方法来绑定局部视图中的属性。

因此，如果我将敲除库更新为最新的库，然后再次调用绑定方法，则会引发以下错误：

未捕获的错误：您不能多次将绑定应用于同一元素。

有什么方法可以在局部视图中一次又一次在不调用绑定方法的情况下调用绑定方法？ 还是使用新库版本需要更改的内容？

我目前使用的方法是在每次加载局部视图时绑定数据并调用

 function getResourceFile(CallBack) { var Menu = function (data) { var self = this; ko.mapping.fromJS(data, {}, self); }; if (typeof localStorage === 'object') { try { // Geeting language and localize application on this behalf STARTED var lang = localStorage.getItem('lan'); var userLang = ''; if (lang === null || lang === 'undefined' || lang === '') { userLang = window.navigator.language || window.navigator.userLanguage; if (typeof userLang == 'undefined') userLang = "en"; } else { userLang = lang; } //userLang = "en";//comment this if (userLang.toString().length == 2) { if (userLang == 'de') { CurrentLocale = "de-DE"; } else { CurrentLocale = "en-US"; } } var l_lang = $.trim(userLang.substr(0, 2)); var currentURL = document.URL; if (currentURL.indexOf("SelectApp/de") != -1) { userLang = 'de'; CurrentLocale = "de-DE"; l_lang = 'de'; } else if (currentURL.indexOf("SelectApp/en") != -1) { userLang = 'en'; CurrentLocale = "en-US"; l_lang = 'en'; } var jsonName = endpoints.CPRes + l_lang; localStorage.setItem('lan', userLang); $.getJSON(jsonName, function (data) { LocalizationViewModel = data; ko.applyBindings(new Menu(data)); CallBack && CallBack(); }); } catch (e) { Storage.prototype._setItem = Storage.prototype.setItem; Storage.prototype.setItem = function () { }; alert('Your web browser does not support storing settings locally. In Safari, the most common cause of this is using "Private Browsing Mode". Some settings may not save or some features may not work properly for you.'); } } } function BindDataViewModel() { if (LocalizationViewModel === null || LocalizationViewModel === 'undefined' || LocalizationViewModel === '') { getResourceFile(); } else { //var localdeferred = $.Deferred(); var t = setTimeout(function () { ko.applyBindings(LocalizationViewModel); // localdeferred.resolve(); }, 300); //return localdeferred; } } 

Answer 1

您可以指定要绑定到的DOM元素作为ko.applyBindings的第二个参数，而不是绑定到整个屏幕

为避免出现“未捕获的错误：您不能多次将绑定应用于同一元素。” 您可以在局部上指定元素ID以将数据绑定到

ko.applyBindings(LocalizationViewModel, document.getElementById(elementId)

其中elementId是部分视图上元素的唯一ID。