草庐IT

knockout

全部标签

javascript - knockout 自定义数字绑定(bind)

我想使用这个技术:makeaninputonly-numerictypeonknockout允许用户只输入数字。但是,此技术不会更新UI上的可观察值。HTML:绑定(bind):ko.bindingHandlers.numeric={init:function(element,valueAccessor){$(element).on("keydown",function(event){//Allow:backspace,delete,tab,escape,andenterif(event.keyCode==46||event.keyCode==8||event.keyCode==9||

javascript - ajax请求周期自动刷新时如何使用knockout.js数据绑定(bind)?

在我的应用程序中,我定期每5秒调用一次ajax以从服务器获取新更新。我来自服务器的ajax数据是JSON数组,如下所示:[{“富”:“瓦尔克斯”,“酒吧”:“值(value)”},{“富”:“值”,“酒吧”:“瓦尔兹”}]我的ajax代码是:(functionupdate(){$.ajax({type:'GET',url:url,data:{},dataType:"json",global:false,success:function(content,textStatus,jqXHR){myViewModel=content;ko.applyBindings(myViewModel);

javascript - 如何为默认 knockout 绑定(bind)创建包装函数

我正在展示一个巨大的带有knockout的表格结构。用户可以选择通过单击行上的复选框来删除行:data-bind="checked:row.removed"问题是表格必须在点击时重新呈现,这在慢速计算机/浏览器上最多需要一到两秒-复选框在表格呈现后更改其状态,因此UI感觉没有响应。我想创建一个包装函数,它做与默认检查绑定(bind)相同的事情,但另外显示一个加载器符号-然后在检查绑定(bind)完成其工作后再次隐藏它。像这样的东西:ko.bindingHandlers.checkedWithLoader={update:function(element,valueAccessor,al

knockout.js 和禁用 anchor 标记

如何使用此自定义绑定(bind)禁用和启用anchor标记。它适用于输入元素,但anchor标记只是更改CSS,而不是禁用。ko.bindingHandlers.myDisabled={update:function(element,valueAccessor){varvalue=ko.utils.unwrapObservable(valueAccessor());ko.bindingHandlers.css.update(element,function(){return{disabled:value};});ko.bindingHandlers.disable.update(ele

javascript - Knockout.js ViewModel 更改回调?

我正在尝试在Knockout.js应用中实现自动保存功能。有没有办法在ViewModel更改时分配回调? 最佳答案 在http://www.knockmeout.net/2011/05/creating-smart-dirty-flag-in-knockoutjs.html查看RyanNiemeyer的聪明、肮脏的旗帜 关于javascript-Knockout.jsViewModel更改回调?,我们在StackOverflow上找到一个类似的问题: http

javascript - knockout JS : click event invoked on every Option in Select

我希望Knockout在用户单击SELECT元素中的选项时调用一个事件。这是我的JavaScript:functionReservationsViewModel(){this.availableMeals=[{mealName:"Standard(sandwich)",price:0},{mealName:"Premium(lobster)",price:34.95},{mealName:"Ultimate(wholezebra)",price:290}];}ko.applyBindings(newReservationsViewModel());这是我的HTML:但是当我运行它时,应

javascript - 单击鼠标更改 knockout.js 中的 css 类

knockout.js文档显示了这样的css绑定(bind):ProfitInformation我需要调整它以更改鼠标单击时的css类。我该怎么做?根据下面的答案,我正在使用这样的代码://CSSclasstobeapplied.bigclass{width:200px;}//Selectlistinsideajquery.tmpl0}'/>//Knockout.jsViewmodelvarCriteriaLine=function(){this.SearchCriterion=ko.observable();this.SelectHasFocus=ko.observable(0);/

javascript - knockout 变更事件处理程序

我花了几个小时试图让一个简单的事件调用在我的durandal/knockout应用程序中正常工作。上下文我有一个用户可以从选择框中选择的语言列表:属性app.selectedLanguage是一个ko.observable。我知道这行得通,因为已预先选择了正确的项目。this.selectedLanguage=ko.observable(options.defaultLanguage);我还有一个事件处理程序,用于监听该选择框的更改,以便我可以向需要通知的应用程序的其他部分发送消息:languageChanged:function(data,event){console.log(dat

javascript - 获取knockout中被点击元素的索引

获取无序列表点击元素索引的最佳方法是什么?让我举个例子。假设我有以下HTML代码:现在我有以下javascript代码来获取索引:...self.itemClicked=function(data,item){varindex=$(item.target).index();}...但问题是如果目标元素是例如,我得到不正确的结果。那么我应该如何获取被点击的索引元素?Knockout是否有一些方法,或者我应该以某种方式使用jquery? 最佳答案 我建议使用Knockout的$index上下文属性。请参见下面的示例(JsFiddle):

javascript - knockout 启用绑定(bind)不起作用

我无法让启用绑定(bind)在KnockoutJS中工作。将enabled属性设置为false,按钮不会被禁用,我仍然可以点击它。参见fiddlevarViewModel=function(){varself=this;self.enabled=ko.observable(false);self.isVisible=ko.observable(true);self.clicked=function(){alert('Youclickedthebutton');};};$(function(){varmodel=newViewModel();ko.applyBindings(model)