Tag: knockout.js
使用knockout和jquery ajax填充下拉列表
我正在使用像这样的ajax填充下拉列表。 var getCertifications = function () { $.getJSON(“/Provider/GetCertifications”, function (data) { $.each(data, function (i, item) { var certification_data = “” + item.Certification + “”; $(certification_data).appendTo(“#certification”); }); }); }; 在document.ready方法中调用getCertifications。 我想根据第一个下拉列表中所选选项的值填充第二个下拉列表。所以我写了另一个函数 var getSpecializations = function () { var value = $(“#certification”).val(); $.getJSON(“/Provider/GetSpecializations/”, { certificationID: value }, function (data) { $.each(data, function (i, item) { var specialization_data […]
Deepcopying可观察arrays淘汰赛
我有一个绑定到UI的observable，On按钮单击我从可观察数组创建一个新数组并使用新数组进行操作但不幸的是，新数组中的任何更改也会影响旧数组。 我使用下面的代码进行深度复制。 var clonedArr = $.extend(true, [], masterArray()); 我错过了什么。 你可以在这里找到jsfiddle（ https://jsfiddle.net/t5a1xfud/ ）了解更多细节
如何在执行之前执行Knockout.js操作？
我在使用knockout.js和Html5时遇到了这个问题，但我还没有找到如何处理它。 在这里，最重要的是在将Href跟随到另一个页面之前执行点击绑定权限。 绑定本身有一个ajax方法将数据插入到我的数据库中，因此在遵循所述的href之前，必须执行此绑定。 HTML是这样的： Back Some Text Continue 人们认为这两种行为都会被执行，但这种看法是错误的。 执行的唯一操作是Href。 我的代码中是否有任何错误？
Knockout / JQuery货币格式
我有下面的页面工作得很好（我已经删除了一些其他字段和样式，以保持我在这里发布的样本很小）。 我希望表中的Premium行（第17行）格式化为货币（USD）。 这样做的最佳方法是什么？ Location Name Location Total $(document).ready(function () { var appViewModel // AppViewModel function AppViewModel() { this.Locations = ko.observable([]); } var appViewModel = new AppViewModel(); ko.applyBindings(appViewModel); $.getJSON(“http://waltweb01:85/LTCEPLWS/LTCJSON.svc/getLTCWithIDs/4”, function (data) { incomingData = data; appViewModel.Locations(data.getLTCWithIDsResult.Locations); }); });
JQuery AJAX’post’数据没有通过web api控制器
我正在将一个Person（）对象设置为几个ko.observables并尝试将其传递给我的ajax调用。 另一方面，一个Web API控制器将其作为null。 这就是我对ko.observables的数据绑定方式： First Name Last Name Email Address * 我的.js假设要获取ko.observable值，但不是： var firstname = ko.observable(); var lastname = ko.observable(); var email = ko.observable(); var password = ko.observable(); function submitclicked() { insertNewUser(); ko.applyBindings(firstname); ko.applyBindings(lastname); ko.applyBindings(email); ko.applyBindings(password); }; function Person() { this.FirstName = firstname(); this.LastName = lastname(); this.Email = email(); this.Password = password(); } function insertNewUser() […]
自定义KnockoutJS bindingHandler，用于动态Bootstrap工具提示
我在这里找到了一些关于使用Bootstrap工具提示和自定义挖空绑定处理程序的其他问题和资源。 但是，我还没有找到一个有凝聚力的解决方案，1）涉及使用动态挖空模板2）当工具提示绑定到的数据发生变化时，工具提示可以改变。 我也不在GitHub上的knockout-bootstrap ，但是工具提示标题只渲染了一次， 我用以下新的dynamicTooltip创建了一个新的JSFiddle ，它基于之前的JSFiddle 。 新的DynamicTooltip数据绑定器如下所示： ko.renderTemplateHtml = function (templateId, data) { var node = $(“”)[0]; ko.renderTemplate(templateId, data, {}, node); return $(node).html(); }; ko.bindingHandlers.tooltip = { init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) { var local = ko.utils.unwrapObservable(valueAccessor()), options = {}; ko.utils.extend(options, ko.bindingHandlers.tooltip.options); ko.utils.extend(options, local); var tmplId = options.kotemplate; ko.utils.extend(options, { title: ko.renderTemplateHtml(tmplId, […]
更改“with”属性更改样式
我有html看起来像这样： Click to open 我的JavaScript看起来像这样： function show() { vm.someProperty(vm.list[1]); $(“#hiddenDiv”).fadeIn(“slow”); } function hide() { $(“#hiddenDiv”).fadeOut(“slow”); } function colorCells() { $(“.cell”).css(“background-color”, “Yellow”); } function ViewModel() { this.list = [new SubModel(“item 1”), new SubModel(“item 2”)]; this.someProperty = ko.observable(this.list[0]); } function SubModel(msg) { this.message = msg; } var vm = new ViewModel(); $(function () { ko.applyBindings(vm); }); 我在这里设置了一个jsFiddle。 […]
knockout.js可以等到绑定直到onClick吗？
这是一个后续问题： 从数组中获取可观察性 我现在从列表中有一个observable，我把它传递给一个模态进行编辑，如下所示： var report = currentViewModel.getReport(reportId); ko.applyBindings(report,$(“#”+targetDiv)[0]); （targetDiv是我刚刚通过ajax加载的模态） 现在模态显示，当我编辑报告名称时，只要我松开焦点，名称就会在原始列表中更改。 我开始了解这个淘汰赛，这正是我期望的行为。 我的问题是，在点击保存之前，如何才能做到这一点？ 模态上有一个取消按钮，我希望任何更改都等到我点击保存。 我在文档中看到我可以在按键上执行此操作，但我想在onclick上执行此操作。 无论如何要做我以后的事情？
编辑记录列表中的一行？
我有一份记录清单，例如地址。 它使用以下html5 / knockout代码显示。 0″> Edit 我想在单击“ 编辑”按钮后在行下显示一个可编辑输入框（）表。 有没有办法没有生成一个大的HTML5代码？ 我想在单击“ 编辑”按钮后在 下面显示以下编辑 html。 （没完成） Street addressApt#CityStateZip Save Cancel
将值推入嵌套的ko.observableArray
我希望将供应商列表嵌入到我从服务器获得的现有JSON Payload中，具体取决于JSON Payload中的项是否需要供应商。 我最终想要的是这样的事情： { “ProductName”: “Product123”, “RequiredComponents”: “CAP 10% H/Vol”, “StockCode”: “142111411”, “RequiredQtyByBom”: 4, “QtyUnassignedInWarehouse”: 0, “QtyAllocatedInWarehouse”: 40, “PCBReference”: “442C”, “QtyOnOrder”: 26, “Vendors”: [], “RequireVendor”: false }, { “ProductName”: “Product123”, “RequiredComponents”: “Screws”, “StockCode”: “Screws”, “RequiredQtyByBom”: 1, “QtyUnassignedInWarehouse”: 0, “QtyAllocatedInWarehouse”: 14, “PCBReference”: “Screws”, “QtyOnOrder”: 26, “Vendors”: [ {“VendorID”: “3”, “VendorName”: “ABC Supplier”, “VendorMOQ”: 50000, “VendorItemPrice”: […]
