草庐IT

knockout-templating

全部标签

javascript - Knockout.js 排序列表

我有一个使用knockout.js作为选择列表的排序列表。我想将其转换为无序列表。knockout.js排序列表的方法是什么?我认为错误在于:allItems().length>1http://jsfiddle.net/infatti/Ky5DK/varBetterListModel=function(){this.allItems=ko.observableArray([{name:'Denise'},{name:'Charles'},{name:'Bert'}]);//Initialitemsthis.sortItems=function(){this.allItems.sort(

javascript - knockout.js subscribe 在第一组没有被调用

我有一个带有可观察对象的简单模型类。我只是想订阅它的集合。这是我的代码:vardto=function(data){varself=this;self.Value1=ko.observable(data.Value1);self.Value1.subscribe(function(){console.log('here');});};第一次设置Value1时不会调用console.log(即ko.observable(data.Value1)如何设置订阅函数在初始和更改时都发生。 最佳答案 对于为初始值触发subscribe函数没有

javascript - 使用 knockout 选择默认选项值

我正在尝试根据用于填充选择选项的属性之一来选择默认选择选项。此代码直接从@rneimeyer'sfiddle复制而来.我确实调整它来做我想做的事。因此,我可以选择作为我的observableArray。varchoices=[{id:1,name:"one",choice:false},{id:2,name:"two",choice:true},{id:3,name:"three",choice:false}];functionViewModel(choices,choice){this.choices=ko.observableArray(choices);};rneimeyer的f

javascript - 带有 Bootstrap 选择器的 Knockout.JS

我正在尝试使用BootstrapSelectpicker与knockout.js一起。已经有一个自定义绑定(bind)适用于选择器的多选版本(seenhere),但我需要它才能与单选版本一起使用。我认为这会像将ko.observableArray更改为ko.observable并删除multiple属性一样简单——但是这似乎并非如此。关于如何让它发挥作用的任何想法?Fiddlewiththebindingandmyupdatedcode 最佳答案 编辑请参阅下面的替代解决方案问题出在您的selectPicker.init函数上。您需

javascript - 从 ViewModel 外部调用 Knockout 函数

在我的具体示例中,有几个不同的小部件都有自己封装的ViewModel。我需要一个全局保存按钮来保存每个单独的ViewModel。我似乎无法弄清楚如何在各个ViewModel上调用函数。示例-如何在每个ViewModel上调用Save函数:http://jsfiddle.net/sNSh2/4/varViewModel1=function(){varself=this;self.firstName=ko.observable('');self.lastName=ko.observable('');self.firstName('John');self.lastName('Doe');se

javascript - 在 knockout 1.3 中将选项传递给模板

在knockoutjs1.2.1中我可以这样做:{{if$item.fooMode}}FOO!{{/if}}我试图将其翻译成knockout1.3.0beta为FOO!但新的native模板引擎不遵守templateOptions。有没有其他方法可以将任意数据传递到模板中? 最佳答案 如您所见,native模板引擎不支持templateOptions,它是jQuery模板插件的options功能的包装器。您可以采用两种方式:将数据放在View模型上,并在模板中使用$root.fooMode或$parent.fooMode。这将是最简

javascript - knockout validation 组错误检查

我有一个由两部分组成的knockout。当填写第一部分时,第二部分被隐藏。完成第一部分并单击“继续”后,第一部分将隐藏并显示第二部分。我希望能够验证第一组输入,如果没有错误则继续下一部分。我找到了this在我正在尝试做的官方github页面上。当我这样做时,没有检测到错误。继续到第二部分functionReserveViewModel(){self.firstName=ko.observable("").extend({required:true});self.continue=function(){varerrors=ko.validation.group([ReserveViewM

javascript - knockout.js 绑定(bind) bootstrap btn-group

我想知道是否可以将Twitterbootstrapradiobtn-group中的选定值绑定(bind)到knockout.js中的可观察值?在我的例子中,我像这样将组绑定(bind)到一个observableArray${Description}有什么指导吗?干杯,弗加尔。 最佳答案 这是一个如何做到这一点的例子:http://jsfiddle.net/jearles/vu8pk/通过使用css绑定(bind),我们可以根据为每个按钮选择的可观察对象动态打开/关闭“事件”类。 关于ja

javascript - knockout template - 将文本绑定(bind)到函数,并传入模板数据

我有一个带有可观察数组的View模型。它填充了一些json:this.socialTiles=ko.observableArray([]);ko.computed(function(){jQuery.getJSON(this.apiURL+"&callback=?",function(data){vartheData=data.entries;tilesModel.socialTiles(theData);console.dir(theData);});},tilesModel);对于模型中的每个项目,我使用模板构建一个li:5minutesagoid喜欢将元素的文本数据绑定(bind

javascript - 在 knockout 中从 JSON 对象创建 ko.observableArray

我刚开始使用knockout.js,它非常适合正常出价。我对observableArray有疑问。我想创建一个observableArray并将来自GoogleFeedAPI的JSON数据分配给它。这是JSON格式https://developers.google.com/feed/v1/devguide#resultJsongoogle.load("feeds","1");//LoadsGoogleFeedAPIfunctionFeedViewModel(){//Datavarself=this;self.allEntries=null;//Exampleproperty,andit