草庐IT

Knockout

全部标签

javascript - 在 Knockout JS 中使用按键事件

我正在尝试读取html文本框的内容并从API获取数据以完成google样式的自动完成。我正在使用twitterbootstraptypeahead来实现自动完成功能。为此,我需要在按键被按下时记录下来,并使用查询文本进行API调用。文本框的html是这样的我的假设是,一旦按下键,这将更新View模型中的值,同时check函数将调用API。但是调用了check()并且当用户键入时文本框永远不会被填充。如果JS看起来像这样-functioncheck(){alert("Hello");}对于我按下的每个键,hello都会弹出,但HTMLUI中的文本框不显示按下的键/不记录按下的键。如何记录

c# - 如何使用knockout js指定name属性

我有一个使用knockoutjs/mvc3的绑定(bind)列表将此发送到我的Controller操作[HttpPost]publicActionResultIndex([Deserialize]WizardModelwizard,IStepViewModelstep){}以前我可以通过在输入上指定名称来使用Jquery绑定(bind)到我的List但我现在正在使用knockout,我不清楚它应该如何工作。任何人都引导我朝着正确的方向前进。他 最佳答案 假设您的电话号码在一个可观察的数组中,您可以使用模板中的attr绑定(bind)

c# - 如何使用knockout js指定name属性

我有一个使用knockoutjs/mvc3的绑定(bind)列表将此发送到我的Controller操作[HttpPost]publicActionResultIndex([Deserialize]WizardModelwizard,IStepViewModelstep){}以前我可以通过在输入上指定名称来使用Jquery绑定(bind)到我的List但我现在正在使用knockout,我不清楚它应该如何工作。任何人都引导我朝着正确的方向前进。他 最佳答案 假设您的电话号码在一个可观察的数组中,您可以使用模板中的attr绑定(bind)

c# - Knockout.js 和 MVC

刚开始玩knockout.Js,这是一个很棒的框架,Steve真的做得很好。我现在似乎无法做的一件事是用我的HtmlHelpers实现它。所以例如我有:model.Division)%>但我想在上面使用数据绑定(bind),但此时我无法将“数据绑定(bind)”属性获取到助手中。我以前使用过属性,例如@class、Id等,但由于-任何想法,这个都很棘手。我试过:model.SupplierName,new{data-bind="SupplierName"})%>和model.SupplierName,new{"data-bind""="SupplierName"})%>但没有快乐。我们

c# - Knockout.js 和 MVC

刚开始玩knockout.Js,这是一个很棒的框架,Steve真的做得很好。我现在似乎无法做的一件事是用我的HtmlHelpers实现它。所以例如我有:model.Division)%>但我想在上面使用数据绑定(bind),但此时我无法将“数据绑定(bind)”属性获取到助手中。我以前使用过属性,例如@class、Id等,但由于-任何想法,这个都很棘手。我试过:model.SupplierName,new{data-bind="SupplierName"})%>和model.SupplierName,new{"data-bind""="SupplierName"})%>但没有快乐。我们

javascript - 如何在 Knockout JS 更新 DOM 后运行代码

作为我观点的一部分,我有:一旦knockout更新了DOM,我想运行一些第3方代码。caseStudies(data);thirdPartyFuncToDoStuffToCaseStudyLinks();关于如何Hookknockout以在正确的时间调用它有什么想法吗? 最佳答案 使用afterRender绑定(bind)可以帮助您。functioncheckToRunThirdPartyFunction(element,caseStudy){if(caseStudies.indexOf(caseStudy)==caseStudie

javascript - 如何在 Knockout JS 更新 DOM 后运行代码

作为我观点的一部分,我有:一旦knockout更新了DOM,我想运行一些第3方代码。caseStudies(data);thirdPartyFuncToDoStuffToCaseStudyLinks();关于如何Hookknockout以在正确的时间调用它有什么想法吗? 最佳答案 使用afterRender绑定(bind)可以帮助您。functioncheckToRunThirdPartyFunction(element,caseStudy){if(caseStudies.indexOf(caseStudy)==caseStudie

javascript - knockout 'flickering' 问题

我正在使用KO构建SPA(单页应用程序)。该应用程序看起来像一本书,用户可以翻页。问题是每次加载页面时,页面都会有短暂的“闪烁”,用户看到的是页面的无样式版本。我猜这是由于很多样式都依赖于ko绑定(bind),所以在ko完成它之前,用户会“神奇地”看到未设置样式的代码。是否可以判断KO何时完成所有绑定(bind),然后才显示页面?我已经设法通过在加载View之前设置超时来部分解决它,但这当然不是一个好的解决方案。 最佳答案 是的,其实很简单。将display:none应用到顶级div(或w/e容器)和data-bind="visib

javascript - knockout 'flickering' 问题

我正在使用KO构建SPA(单页应用程序)。该应用程序看起来像一本书,用户可以翻页。问题是每次加载页面时,页面都会有短暂的“闪烁”,用户看到的是页面的无样式版本。我猜这是由于很多样式都依赖于ko绑定(bind),所以在ko完成它之前,用户会“神奇地”看到未设置样式的代码。是否可以判断KO何时完成所有绑定(bind),然后才显示页面?我已经设法通过在加载View之前设置超时来部分解决它,但这当然不是一个好的解决方案。 最佳答案 是的,其实很简单。将display:none应用到顶级div(或w/e容器)和data-bind="visib

javascript - 带有 knockout js的递归模板

只用knockoutjs可以创建递归模板吗?我有一个knockout对象:functionFormElementNode(children,text,value){varself=this;self.children=ko.observableArray(children);self.text=ko.observable(text);self.value=ko.observable(value);}children是一个FormElementNode数组。我想在层次结构列表节点中递归地绘制它和它的子节点:Parenttextvalue:Children:Child1textvalueC