20,463 questions
1
vote
1
answer
42
views
binding svelte value to knockoutJS
I am integrating svelte into an old knockout js application, and I thought it would be a good idea to replace the inputs with svelte components.
So I created a svelte component:
interface Props {
...
- 3,115
1
vote
1
answer
42
views
Get definition of Knockout.js computed observable evaluator function
I would like to programmatically access the string representation of an evaluator function definition of a KO computed field. For example, in the case of:
self.field = ko.computed(function () {
...
- 833
0
votes
0
answers
48
views
Knockout secure bindings not working (Durandal)
I have been trying to apply knockout secure bindings to remove unsafe-eval issues in app. Half of my durandal components have failed to load while doing. Can anyone suggest what is going wrong?
I have ...
0
votes
1
answer
53
views
Knockout javascript radiobutton setting value programmatically
I have a custom control with the following code. I expect "Option 1" to be selected on page reload. But nothing is selected. But I can manually select either options.
Initially the output is
...
- 27
0
votes
1
answer
77
views
Get html-element to overlay videojs player on iOS
I am working on a site that uses videoJS for video and have created html elements that are being place on top of the video as a scoreboard. The issue is that the native iOS player overrides videojs ...
0
votes
0
answers
15
views
Failed to display array in KnockoutJS in html page magento2.4
I tried to add multiple custom fees in checkout page, i tried to fetch labels of fees as array and need to show on by one, but its fail in KnockoutJS binding, below is my fee.html and fee.js file code
...
0
votes
1
answer
22
views
Knockout dropdown with multiple selection option does not populate observable array
I have an application which places a dropdown menu on a page. The dropdown is defined with this code:
<select id="cmbVillages" multiple="multiple" class="uk-select" ...
- 1,109
0
votes
1
answer
117
views
NVDA screen reader only reads the value from span
I am trying to add a text verbiage to my screen reader "The progress is at x%". However, NVDA screen reader only says the digits out loud.
I am trying to show only the x% to the user, but ...
- 1
0
votes
0
answers
59
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,956
0
votes
1
answer
81
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,656
0
votes
0
answers
39
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
1
answer
312
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
...
- 504
1
vote
0
answers
44
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,904
1
vote
0
answers
44
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
129
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 ...
- 20.1k
2
votes
1
answer
820
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
127
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 ...
- 9,259
0
votes
1
answer
52
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
3
answers
2k
views
Malware in Knockoutjs context debugger
Has anyone else seen this:
Is there another extension for KnockoutJs?
- 963
0
votes
1
answer
565
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
1
answer
64
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
39
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
1
answer
42
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
78
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 ...
- 519
0
votes
0
answers
125
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 ...
- 365
0
votes
1
answer
222
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
77
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 ...
- 1,034
0
votes
0
answers
35
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,181
0
votes
0
answers
51
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,452
0
votes
0
answers
40
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
61
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
177
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
322
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
334
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=&...
- 433
1
vote
1
answer
66
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,829
1
vote
1
answer
945
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,536
0
votes
2
answers
64
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=...
- 55
1
vote
1
answer
139
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"...
- 55
0
votes
1
answer
57
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
395
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
191
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
91
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,033
0
votes
0
answers
48
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
43
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 ...
- 9,259
0
votes
1
answer
37
views
Knockout.js indexed based color from array
Hello and thanks in advance.
I am building a custom component and I want to retrieve properties from a component array.
In the component viewModel:
graph.colors = ["#3366cc", "#dc3912&...
0
votes
1
answer
605
views
Show data-attributes from selected Radio-Button with knockout js
I am really new to knockoutjs and find it kind of hard to work with it. Things that were very easy for me with jQuery, don't work at all with knockout...
On a Magento 2 Shop I want to display ...
- 1
0
votes
0
answers
104
views
Knockout Typescript bind action of dxValidator.validationRules.validationCallback for multiple values
I have 3 dxNumberBox max,min and average and a next button as :
<div class="flex-row">
<div class="flex-item-left">
<div data-...
- 327
1
vote
1
answer
108
views
How to Call A Function inside a Ko.Observable Array? Knockout
I'm learning more about knockout.js. I have built a little dialogue system using it and it works! One thing I'd like to do, is have a function that can jump from the data after a button is pressed to ...
0
votes
2
answers
62
views
If toggle one is switched off and then toggle two is switched off by the users then toggle one should be switched on
I am quite new to knockoutjs and I am trying to create two toggles. When toggle one is switched off and then toggle two is switched off by the user, toggle one should be switched on and vice versa.
...
- 3
1
vote
3
answers
161
views
How to write Sort and Reverse function in Knockout.js?
This is my code with KnockoutJS:
var viewModel = function () {
var self = this;
self.items = ko.observableArray([
{ name: "Item 1", value: 1 },
{ name: "Item 2", value:...
- 21