Tag: knockout.js

最新的knockout和jquery ui对话框出错：初始化之前无法调用: 我尝试使用knockout 2.2自定义绑定新jquery 1.9和jquery ui 1.9.2。代码来自这里：将jquery ui对话框与knockoutjs集成使用更新的库： http ： //jsfiddle.net/SnPdE/323/ ko.bindingHandlers.dialog = { init: function(element, valueAccessor, allBindingsAccessor) { var options = ko.utils.unwrapObservable(valueAccessor()) || {}; //do in a setTimeout, so the applyBindings doesn’t bind twice from element being copied and moved to bottom setTimeout(function() { options.close = function() { allBindingsAccessor().dialogVisible(false); }; $(element).dialog(options); }, 0); //handle […]

JSON日期未发布到控制器（KnockoutJS / JQuery，MVC 4 RC）: 我有一个KnockoutJS视图模型，我将其作为JSON对象发布到MVC控制器，如下所示： var dataObj = ko.toJSON(viewModel); $.post(postURL, dataObj, callBackFunc); 模型本身具有出生日期字段： dataObj.DOB 但是每当我的MVC控制器收到它时，DOB字段总是#12:00:00 AM# （VB.NET）这是我的控制器： _ _ Public Function PersonalDetails(PersonalInfo As DetailsViewModel.PersonalDetails) ‘clean the null values Dim newValues As Dictionary(Of String, String) = _getPropertyDict(PersonalInfo) Dim repo As New DetailsViewModelRepository() For Each entry In newValues repo.InsertUpdateField(PersonalInfo.MemberId, entry.Key, entry.Value) Next Return PartialView(“~/Views/Home/Details/PersonalDetails.vbhtml”, PersonalInfo) End Function 如何让它正确收到日期？

使用Knockout通过点击事件从JSON更新视图: 每次使用Knockout触发事件（例如按钮点击）时，我都会尝试更新视图模型。单击红色按钮时，应显示“红色花朵”。单击蓝色时，应更改为“蓝天”。基本上，我只想单击一个按钮来使用适当的数据更新视图。我觉得我很亲密。我缺少什么，以及如何使用$.getJSON扩展此逻辑？小提琴： https://jsfiddle.net/ft8a6jbk/3 HTML： Red Blue ko.applyBindings(viewModel); JS： var data = { “colors”: [{ “name”: “blue”, “things”: [{ “item1”: “sky”, “item2”: “ocean”, }, ] }, { “name”: “red”, “things”: [{ “item1”: “flower”, “item2”: “sun”, }, ] }, ] }; $(‘.red’).click(function() { var viewModel = ko.mapping.fromJS(data.colors[0]); }); $(‘.blue’).click(function() { var viewModel […]

Knockout JS中的相关可观察数组: 我已经开始玩knockoutjs并做一些简单的绑定/依赖绑定。我的目标是根据另一个列表的值填充1个列表。两者都是从ajax调用加载到我的asp.net webservice。所以我有两个列表然后我的JavaScript看起来像这样： $(function () { // creating the model var option = function (text, value) { this.text = text; this.value = value; } // creating the view model var searchModel = { availableMakes: ko.observableArray([]), availableModels: ko.observableArray([]), selectedMake: ko.observable(), selectedModel: ko.observable() } // adding in a dependentObservable to update the Models based […]

Javascript ViewModel初始化: 我正在创建一个SPA，我正在使用knockout js来查看模型。我也使用Sammy js进行路由和导航。我使用learn.knoutoutjs.com作为如何创建SPA的先行者。在此，他们将主视图模型作为函数： function mainViewModel() { // insert other view models in here Sammy(function () { // initialise Sammy routes here }); } 我在代码中使用的是对象而不是函数： var mainViewModel = { // insert other view models in here } 出于个人喜好，我这样做。 ko.applyBindings ，我在一个不同的文件中有一个视图模型，它被附加在mainViewModel然后它被敲除绑定。但是，在处理函数时，它会被初始化并运行，因此Sammy(function () {})被触发。使用var方法，它没有，我怎么做到这一点，因为在Sammy(function () {})它需要使用mainViewModel但显然它在页面加载时尚未初始化起来。如何将Sammy放入var方法并使其初始化？我有这个代码： var personViewModel = { init: […]

不使用ajax下载文件: 我试图按照这个例子来显示进度条而不使用ajax下载文件。我使用knockout，html和webapi。我有下面的代码，它在按钮的点击事件上调用href this.getMeData= function () { uRlPath(“/api/GetSomeData?id=” + 12) + “&name=” + getName.toString() + “&downloadtoken=” + new Date().getTime()); $(‘#myLink’).click(); location.href = $(‘#myLink’).attr(‘href’); }; 这是我的HTML Download Data Open 我现在想在我的href的click事件上调用一些函数这是我的webapi方法，它返回cookie和二进制文件 public HttpResponseMessage GetSomeData(int id, string name, string downloadtoken) { var returnData= new HttpResponseMessage(HttpStatusCode.OK); returnData.Content = new ByteArrayContent(mybyteArray); var cookie = new CookieHeaderValue(“downloadtoken”, downloadtoken); returnData.Headers.AddCookies(new CookieHeaderValue[] […]

如何设置使用knockoutjs选择多部分选择选项中的所有选项: Html: 视图模型： this.selectedCategory = ko.observable(1); this.selectedCategory.subscribe(function (options) { if(options.length >0){ if (options.find(‘select_all’)) { console.log(“…………….INSIDE IF………….”); ***IF Select all option is true other option selected deselect*** }else{ console.log(“…………….INSIDE ELSE IF………….”); } } }); 以上是我的代码从选择选项中选择多个类别，在这里我将尝试在Url .in中的Eduction下拉列表当我在该教育选择选项中选择“任意”时其他人取消选择。所以请任何人给出一些关于设计下拉使用的想法淘汰赛。

使用knockout js在Jquery中自动完成: 我正在尝试使用jquery做autocoplete。我正在使用可编辑网格。像这样我试图实现自动完成网格中存在的可编辑文本框。 [我的代码] [http://jsfiddle.net/bhagirathip/x6H8s/4/] 请弄清楚我做错了什么。当我试图做自动完成而没有敲出js查询它工作正常，但当我尝试淘汰js查询它不起作用。请弄清楚我在哪里做错了。提前致谢

将css运行时添加到表行，数据绑定行: 我真的不确定如何解决。然而，我非常接近解决方案，现在只需要你的专家小帮助。我的工作小提琴就在这里。页面加载时，选中2个复选框。我的观点如下所示我的观点模型如下 var data1 = [{ name1: “one”, id: 1, display: “Test1” }, { name1: “two”, id: 2, display: “Test2” }, { name1: “three”, id: 3, display: “Test3” }]; var data2 = [{ name2: “five” }, { name2: “two” }, { name2: “three” }]; var viewModel = […]

KnockoutJS：仅在绑定控件可见时validation模型的属性: 我在一个绑定到几个控件的页面中有模型。基于某些条件，这些控件中的一些将是可见的或不可见的。在最后的提交中，我应该只validation那些可见的。以下是解释我的要求的示例代码 Age Required Name : Age: Validate var viewModel = { Name: ko.observable(), Age: ko.observable(),requireAge:ko.observable(false) }; ko.applyBindings(viewModel); function validateModel() { //validate visible properties and throw a common message that all visible fields should be filled }