Questions tagged [knockout.js]
Knockout.js is an open source JavaScript library for dynamic HTML UIs using the Model-View-View Model (MVVM) pattern.
knockout.js
20,272
questions
0
votes
0
answers
27
views
Bind CSS with knockout Secure Bindings
How Can I bind CSS to a div using knock out secure bindings.
The following piece of code is not working.
data-sbind="css:{'has-error': isNullOrWhiteSpace($root.UserID()) == true,'MandatoryFields':...
- 1,958
0
votes
0
answers
56
views
How to re-render dropdown with search text data filtered
I am using a bootstrap selectpicker with knockout.js binding which has multiselect as well as data-live-search properties on.
Here is a scenario
Steps:
Open dropdown, type ‘cat’ in dropdown
Due to ...
- 1,466
0
votes
0
answers
26
views
Form validation is not working using Knockout.js SPA
I have created a Single Page Application in which create three HTML Pages names: 1. Index.html (Master Page), 2. Home.html, and 3. Contact.html and also two JavaScript Pages: 1. Index.js (for Master ...
0
votes
1
answer
32
views
Conditional html heading tag based on variable in knockout.js
Is it possible to set the html element in knockout.js programmatically?
For example, the user can choose the heading level (from h1 - h6 and p if it's no heading).
And in frontend I then have a ...
- 1,608
0
votes
0
answers
31
views
Cast a string name to model name which already exists in knockout JS
I am working on a dynamic validation setting in Knockout JS. I blocked by one scenario, I am getting viewmodel name as string from db with control id. This model name is a string name like “testModel....
- 103
0
votes
0
answers
61
views
magento 2.4.6 knockout.js:3753 Uncaught TypeError: Unable to process binding "visible: function(){return isVisible() }"
in magento 2.4.6 getting bellow error. i can not found solution so if anyone can help me then it will be great.
knockout.js:3753 Uncaught TypeError: Unable to process binding "visible: function(){...
0
votes
0
answers
47
views
Force Magento 2's checkout accordion to be open on first step, closed on second step
This is my Magento_Checkout/web/template/summary/cart-items.html
<!--
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
-->
<div class="...
- 111
0
votes
1
answer
32
views
Unable to process binding "value: function() {return myVar }"
I am using knockout.js and am trying to get a <select> tag to populate with options from on of the view model's properties. I think I did everything right but it breaks. The console error is
...
- 434
0
votes
0
answers
14
views
I am getting Failed to load resource: the server responded with a status of 500 (Internal Server Error) - intermittently in Knocout/MVC app
Getting intermittent 500 internal server error while laoding page.
Client Side code to load Dropdown on Page whenever error occoured it is not hitting server side controller.
// Perform initial ...
0
votes
0
answers
21
views
Knockout Computed field never updates UI
I have some computed fields that I setup as get the model from JSon.
The event is triggered on the related fields change and the calculation is correct but the value is never presented on the UI.
...
1
vote
0
answers
31
views
Add values in form input in Javascript (Chrome)
I am trying to learn how to automate the input values in some forms when they get repetitive (asking for age, gender, location).
I have investigated the HTML and noticed there are also a few hidden ...
- 2,856
0
votes
0
answers
32
views
Magento 2: wrong shipping method saved in order
We have 2 delivery methods enabled on Magento 2.4.6: home delivery and a custom store pickup.
If the home delivery method is selected and correctly saved in the order, the customer's address is ...
1
vote
0
answers
31
views
How to add multiple method titles to KnockoutJS ifnot statement in Magento2
I am looking to add multiple shipping method titles to some knockout JS ifnot statement in Magento2. I currently have the following code which works for the method title listed.
<!-- ko ifnot: ...
- 27
-2
votes
1
answer
88
views
Uncaught TypeError error in Chrome for multiple file upload
On one of the pages I allow user to upload multiple images to upload. Script works fine in Firefox however for sometime it doesn't work on chrome as it give following error
Uncaught TypeError: Cannot ...
- 19.8k
2
votes
1
answer
233
views
Apexcharts <svg> attribute height: Expected length, "NaN" when loading other page
I have a simple chart generated with ApexCharts v3.45.1. This is on a single page application where when I fetch another page via an AJAX call, the original chart in the DOM is removed on purpose (...
- 33
0
votes
2
answers
96
views
Is toString() JavaScript output "guaranteed" to be the same in every browser/implementation?
I'm using a specific framework and somewhere in my code I have a function as a parameter.
I want to check if that function is a specific anonymous function out of that framework. I don't have access ...
- 8,923
0
votes
0
answers
26
views
How does the knockout rendering for imagepicker work in SurveyJS Survey Creator
Can someone help me understand how imagepicker is rendered in knockout SurveyJS Survey Creator?
I am not sure where or how the binding to the elements in the html template occurs or how the html ...
- 1
0
votes
1
answer
41
views
Knockout.js - Subscription to observable selected value in cascading select list firing twice
I have two templates for cascading select lists implemented with Knockout.Js, named office and department. Each of the lists has a subscription to the selected Value. There are two ways the list and ...
- 93
6
votes
2
answers
2k
views
Malware in Knockoutjs context debugger
Has anyone else seen this:
Is there another extension for KnockoutJs?
- 921
0
votes
1
answer
276
views
Magento 2 Minicart / Knockout.js: Format calculated price / sum
In Magento 2 minicart (CE 2.4.6) I do not only want to show the price of each item in cart, but also the SUM of each item (if there is more than one unit of the same item in cart). I have therefore ...
- 97
0
votes
0
answers
225
views
Magento 2: How to open a modal for each related product using UI component?
I need to save product IDs(will be used ono the frontend later) into the extension attribute of the related product.
Idea is that modal with products listing should appear when I click the 'Select ...
- 23
0
votes
1
answer
34
views
knockout save reordering with jQuery SortableJS when drag/drop rearrange list in
I have a knockout application, where I have a list of divs for a knockoutobservablearray.
After I move an item to a new position. How do I update the knockoutobservablearray to reflect the changed ...
0
votes
0
answers
32
views
Knockout JS blur event binding occurs 2 times
I have this simple input
<div class="input-group" data-bind="attr:{id: 'date-rec-datepicker-calendar-' + invoiceId()}, liveEditor: value">
<input class="edit form-...
- 33
0
votes
0
answers
34
views
Can't stop multiple page (html) from overlapping divs using @media print css
I've got a two-column, multi-page, data fed, phone directory. The screen layout works fine and the printing did until a recent update to DNN. I can't blame DNN because it might be browser related, but ...
- 39
0
votes
0
answers
16
views
How can I do a Unit Testing in KnockoutJS with QUnit
I have this ViewModel (short) with KnockoutJS and I need to make a Unit Test using QUnit but I have this error message when i running my test.
ViewModel:
var modeloContratacion;//NOSONAR
define(['...
0
votes
0
answers
91
views
Weird onchange event in Chrome with autofill fields and Stripe embed
We have a weird issue happening in Chrome autofill where if I autofill the forms in the video link it causes an onchange event on my Type dropdown that is using knockout.js and sends an undefined ...
- 24.1k
0
votes
1
answer
33
views
Using the last image in an array
Sorry if wrong format or dumb question, I'm new to this. I use knockout js and normally use it to find a image with an index and display it, however, I'm wondering if it is possible to ensure it is ...
- 11
0
votes
1
answer
56
views
Check string in Knockout JS and then split string values
I have the following data binding:
$row().current_tracking
Sometimes $row().current_tracking has a value of, for example:
372424561624
And sometimes $row().current_tracking have a value with two ...
- 509
0
votes
0
answers
76
views
Knockout extenders
I have the following extender below and I am trying to use it in typescript and I'm getting the error listed.
I have searched through so alot of documentation and this seems to be the way it should be ...
0
votes
0
answers
70
views
Knockout with Monaco - Close Modal Not Updating
I have a page that has a monaco editor textbox. I have an Edit button that, on clicked, opens a modal window with a new monaco textbox (it gets initialized with the value from the model bound to first ...
- 345
0
votes
1
answer
149
views
How to redirect to wishlist controller for adding product in magento2
I have a problem that keeps me blocked, i need help about it!
By using knockoutJs and a controller in order to get a form_key i was trying to get redirected to the wishlist in order to add the product ...
0
votes
1
answer
58
views
Why does this radio button become unselected when reordering the items in the knockout view model?
I have a simple component that allows a question and multiple answers to be entered. The answers can be reordered by clicking Up/Down buttons. I noticed that when the answers are reordered that the ...
- 894
0
votes
0
answers
228
views
SSO SAML response in not getting in my Iframe
I am working on SSO login using Shibboleth. For the testing I am using SAML test. I have done with all Shibboleth Installation and IIS configuration. Now my application is navigating to SAML test ...
0
votes
0
answers
27
views
How does Knockout JS process a template to produces a screen display with an icon
I have inherited a project that uses knockout js. I have been trying to find a video on youtube that goes into how knockout js processes the data-bind. If anyone knows of such a video, please post it ...
- 1,149
0
votes
0
answers
41
views
totals.getSegment('giftcardaccount') returning null
NOTE: I posted this over on Magento2's StackExchange too.
I'm about at my whits end.
I still consider myself a relative novice with Magento, but this one literally has me baffled. I've also tossed it ...
- 1,442
0
votes
0
answers
32
views
dataTablesForEach data not getting binded in knockout js
Below is the code in HTML for data-bind in datatables using knockout.js
<tbody data-bind="dataTablesForEach: {data: listtoiterate, dataTableOptions: {
retrieve: true,
...
- 131
0
votes
0
answers
55
views
JS event listener not working on div after knockout conditional
In a .cshtml file (razor page from .NET), I have a partial HTML element under a knockout conditional :
<!-- ko with: key -->
<div class="..." style="display: none;" ...
- 1
0
votes
1
answer
103
views
InvalidOperationException: The following sections have been defined but have not been rendered by the page at '/Views/Shared/UserLayout.cshtml'
I'm trying to convert an ASP.NET MVC project to ASP.NET Core MVC. I have done most of the work but got stuck in a weird issue.
My project has a view User.cshtml and a layout page UserLayout.cshtml, ...
2
votes
2
answers
199
views
detect width change in a div and trigger a function Knockout JS
How do I detect when the width of a div with id X changes? I have a function 'wrapLines' which needs to be called whenever this div container's width changes. because of following reasons
whether the ...
- 23
0
votes
1
answer
176
views
Uncaught: Type error: this.removeClass is not a function
I have a common pagination code, cshtml in the form of a partial view:
<div id="paging">
<span></span>
<span></span>
<a data-mini="true" class=&...
- 423
1
vote
1
answer
43
views
knockout.js computed observable immediately disposed, why?
Here is a very basic example of a computed observable in knockout:
let value = 'hello';
const co = ko.computed({
read: function() { return value; },
write: function(arg) { value = arg; }
});
...
- 1,626
1
vote
1
answer
399
views
How to disable Google translate for HTML Class names
I'm running through to ignoring html class name translation. I'm finding out the following solution
<span class="notranslate">this text will not be translated</span>
But I want ...
- 3,458
0
votes
2
answers
47
views
How to conditionally display a modal dialog in a knockout.js project?
A have a working form with a submit button from a knockout.js project. Among other things the form has a submit button.
<form id="formAddNote" data-bind="submit: addNotes" role=...
- 33
1
vote
1
answer
113
views
Modal dialog not showing
Modal dialog not visible from the button click in a knockout.js project
Here is my submit button:
<button type="submit" class="btn" data-bind="enable: SubmitEnabled"...
- 33
0
votes
1
answer
33
views
Prevent Knockout from caching loaded components and templates
Prevent Knockout from caching loaded components as answered here
Prevent Knockout from caching loaded components
the code
ko.components.get = (function(fn) {
return function(componentName, callback) ...
- 21
0
votes
1
answer
243
views
Being prompted for login credentials windows authentication asp.net mvc and knockoutjs
I am trying to access a site using windows authentication. The site is an asp.net mvc 4 application and uses knockout.js and jQuery for the client site. I am prompted for a login and if I cancel the ...
1
vote
1
answer
129
views
Uncaught ReferenceError: mozRTCSessionDescription is not defined
I have an ASP.NET MVC app (.NET Framework 4.6.2) which has a front end on Knockout.js it also uses signalR.
The app was working fine until we upgraded Firefox to version 113.0 and 113.0.1. The app ...
1
vote
2
answers
48
views
Adding multiple CSS Elements to a data-bind with Knockout
I need to add multiple css classes to a div using knockout.
I have this div:
<div data-bind="css: {'case-header': model.caseHeader1, 'case-type-1': model.caseHeader2, 'case-type-2': model....
- 1,069
0
votes
0
answers
34
views
Page auto reloading for no apparent reason
I am having a bug with a project that I am finding very hard to reproduce but it is a serious bug. As part of my attempt to fix it, I would like to know the answer to the following question: what ...
- 259
1
vote
1
answer
30
views
Knockout.js - custom "template" binding that can be used in the same data-binding as "with"
I am heavily invested in the knockout.js ecosystem.
I'm not sure why it's not more popular, but it does everything I want with minimal bloat.
Now I am also an extreme syntax minimalist.
I think ...
- 8,923