草庐IT

knockout-components

全部标签

javascript - knockout : How to filter observableArray by param

这是代码:http://jsfiddle.net/Gr3fT/1/如何通过role属性过滤personRoles?每个列表必须只有自己的role项。谢谢。 最佳答案 此功能有效(基于http://knockoutjs.com/examples/animatedTransitions.html:)get:function(role){returnko.dependentObservable(function(){returnko.utils.arrayFilter(this.personRoles(),function(item){r

javascript - Knockout.js - 如何在计算的可观察对象中获取可观察属性的值?

我有以下Knockout.js对象:varviewModel={description:ko.observable(""),Name:ko.observable(""),productid:ko.observable(""),productmodel:ko.observable(""),productnumber:ko.observable(""),text_relevance:ko.observable(""),mydunamicfield:ko.computed(function(){return"bq=(and"+((this.description=="")?"":("desc

c# - 如何在 ASP.NET MVC 项目中生成用于 knockout 的客户端 View 模型?

我目前正在研究ASP.NETMVC解决方案,并且最近引入了Knockout(一个MVVMJS库)和Wijmo(一组jQueryUI小部件)。随着Knockout的引入,我还需要在客户端拥有模型,因此为此我正在序列化C#ViewModel并使用data-model="@Model.ToJson()将其附加到View“。这允许我从JS检索模型并将一些客户端的爱应用到一切。但是,knockout需要所有内容都是可观察的,因此我需要声明一个单独的客户端ViewModel并映射来自数据模型对象的所有内容。这感觉非常像重复工作,我想以某种方式避免它。我希望有人可以分享一种工具或技术,让我可以直接从

javascript - 我们需要导入 React 还是只导入 {Component, PropTypes} 就可以了?

在我的所有组件中,我目前包括这样的react:importReact,{Component,PropTypes}from'react'我不明白为什么每个人都在不使用React时包含它,因此想检查删除它是否安全? 最佳答案 它是JSX工作所必需的。本质上,JSX处理器所做的是:进入这个:React.createElement('div')有一些方法可以告诉它使用不同的函数,比如createElement然后总是导入{createElement}而不是React——是改进的对立面,无论如何你都不应该这样做。

javascript - Knockout.js "select all"复选框

我刚刚开始使用Knockout.js,它看起来真的很酷。我有一个网格。该网格有一列顶部有一个复选框,用于“选择所有”元素,以及取消选择。标准网格行为。到目前为止,这是我的代码:Javascript://Definea"banner"classfunctionbanner(inventory,name,artType,artSize){return{isSelected:ko.observable(false),inventory:ko.observable(inventory),name:ko.observable(name),artType:ko.observable(artType

javascript - Ember : nested components events bubbling

我创建了一组嵌套组件。代码在这里:http://emberjs.jsbin.com/hasehija/2/edit.HTML:{{#level-1}}{{#level-2}}{{#level-3}}Clickme(yielded){{/level-3}}{{/level-2}}{{/level-1}}JS:App.ApplicationController=Ember.Controller.extend({actions:{handleAction:function(){alert('HandledinApplicationController');}}});App.Level1Com

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 - 如何测试在 componentDidMount 中设置 React Component 状态的异步调用

测试componentDidMount中的异步调用设置React组件状态的最佳方法是什么?对于上下文,我用于测试的库是Mocha、Chai、Enzyme和Sinon。这是一个示例代码:/**assumearecordlookslikethis:*{id:number,name:string,utility:number}*///asyncComponent.jsclassAsyncComponentextendsReact.Component{constructor(props){super(props);this.state={records:[]};}componentDidMou

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

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