草庐IT

knockout-kendo

全部标签

javascript - 如何在 knockout.js foreach 绑定(bind)中有条件地呈现 tr

我想使用knockout动态呈现行和列。我的想法是,我想用一些单元格填充每一行,并在需要时动态添加更多行。假设单元格总数等于4*行数,然后我尝试了:但它像以前一样工作:通过不渲染包含内容的整行,是否可以使用knockout渲染所有单元格并仅在需要时添加行?作为一种解决方法,我考虑嵌套foreach,但它需要我的模型从一维变为二维,这看起来很奇怪。 最佳答案 添加另一个计算属性,将您的数据组织成行:代码:varvm={people:ko.observableArray([{fname:'fname',lname:'lname'},{f

javascript - 如何获取对 Kendo UI TabStrip 中当前选定选项卡的引用?

我正在创建一种方法来删除基于“x”图像的KendoUITabStrip选项卡。我希望它以与其他选项卡控件(例如Chrome/IE)相同的方式工作:如果事件标签已关闭,则选择下一个标签(或者如果它是最后一个标签,则选择上一个标签)。如果它不是事件标签,则确保事件标签保持打开状态。我认为我需要获取对当前选项卡的引用,然后检查要删除的选项卡是否是事件选项卡。目前我的代码只是关闭与点击图片相关的选项卡:functionDeleteTab(imgObj){vartabStrip=$("#tabstrip").data("kendoTabStrip");vardeleteIndex=$(imgOb

javascript - 跟踪输入文本框中每个文本更改的 knockout.js 事件

我是knockoutjs的新手。每次文本框中的文本更改时,我都想调用一个函数。我研究了一下并实现了keyup、keydown和keypress但它们无法正常工作。如果有人可以给我一个解决方案,或者请将我重定向到一些对我的场景有帮助的文档。如果有关于KnockoutJs中可用的所有事件(内置和自定义)的某种文档,那将非常有帮助。具体问题:data-bind="value:targetProp,event:{keyup:$parent.changeProp}"在Js中:Insideparent:this.changeProp=function(){if(condition..){dosom

javascript - knockout 映射 - 来自 JS - 一个简单的例子失败

我想找出我对Knockout映射库的误解。我已将其简化为一个简单的示例,并且仍然可以使用fromJS调用使其失败(而不是使用映射的变量进行更新)。在这个例子中我从根本上犯了什么错误?//Here'smyviewmodelvarViewModel=function(){this.firstName=ko.observable('first');this.lastName=ko.observable('last');};varmyVM=newViewModel();ko.applyBindings(myVM);//ApplytoKnockout(works)myVM.lastName('m

javascript - 将模态数据绑定(bind)到 knockout 模型

我正在尝试将一个TwitterBootstrap模式打开到一个窗口,该窗口中有一个可编辑的文本区域,然后在保存时,它会保存适当的数据。我当前的代码:HTML:Placeholder0,'needs-comment':comment.length==0},attr:{title:comment}">×CloseSavechangesJS:/*Custombindingformakingmodals*/ko.bindingHandlers.bootstrapModal={init:function(element,valueAccessor,allBindingsAccesso

javascript - 如何为 Telerik Kendo UI 饼图楔形着色?

我正在使用TelerikKendo饼图,我希望能够为楔形着色。以下是我的KendoUI饼图的标记:functioncreateChart(){jQuery("#chart").kendoChart({theme:jQuery(document).data("kendoSkin")||"Metro",legend:{position:"bottom"},seriesDefaults:{labels:{visible:true,format:"{0}%"}},series:[{type:"pie",data:[{category:"RemainingWork",value:75,explo

javascript - Kendo UI Grid Inline - 在网格的特定位置插入新行

我正在尝试通过addRow()方法向网格中插入一个新行,但我希望将其添加到网格上当前选定行之后或当前选定行之前?有人可以帮忙吗?目前我得到的是:Grid.addRow();$(".k-grid-edit-row").appendTo("#Gridtbody");但这会在表格底部插入一行。我需要它在特定位置添加行,网格已经有行。 最佳答案 这些是步骤:获取选中的项获取所选项目对应的项目。获取选中项对应的索引。使用DataSource中的insert方法指定要插入的位置。代码:vargrid=$("#grid").data("kendo

jquery - 结合 Knockout.js + KendoUI - 你有什么经验?

所以我看到KendoUI包含了一个与Knockout.js集成的例子:http://demos.kendoui.com/web/integration/index.html但是,这看起来像是一个非常简单的示例。根据这篇文章,看起来绑定(bind)到像Kendo的网格这样的东西会涉及更多:http://www.kendoui.com/forums/ui/grid/knockoutjs-example-for-grid.aspx看起来他们正在创建自己的MVVM实现来尝试解决问题。这里有没有人将KendoUI和Knockout.js用于使用一些更复杂组件的重要应用程序?

javascript - 如何创建只触发一次的 knockout 可观察订阅?

在我的模型中,我有一个异步加载的属性。我希望它在加载后生成另一个模型属性。我正在考虑在第一个属性更改后触发的订阅,生成第二个属性然后被处置-我不知道如何从内部处置订阅。有没有一种方法可以在可观察的属性发生变化后触发一次事件? 最佳答案 要从内部处理订阅,只需创建对它的引用:varsubscription=yourObservable.subscribe(function(newValue){...subsription.dispose();});如果你不想每次都写这段代码,你可以用新方法扩展observable:ko.subscri

javascript - Knockout.js ko.mapping.toJS 在我看来没有刷新数据

我从服务器获取一个json对象并填充我的View。然后我更改数据,将其推送回服务器。然后我获取了一份新的数据副本,希望它会随着任何更改刷新我的View。然而这并没有发生。时间差$(document).ready(function(){varcustomer_id=get_customer_id();vardata=load_model();contract_model=ko.mapping.fromJS(data,{});ko.applyBindings(contract_model);}functionload_model(){varurl='/ar/contract_json?co