We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Knockout Support

Thread ID:





129693 Mar 28,2017 08:09 PM UTC Apr 5,2017 05:19 PM UTC JavaScript 12
Tags: ejKanban
Asked On March 28, 2017 08:09 PM UTC

Hi there,

Is there any knockout3 support for your javascript controls?

I find that the knockout 2 implementations are extremely old, no other control sets I use, devextreme etc use knockout 2?

If this is the case are there any third party devs working on ko3 binders to your javascript controls?


Silambarasan I [Syncfusion]
Replied On March 29, 2017 12:42 PM UTC

Hi Jason, 
Thank you for using Syncfusion products. 
We have checked your query and we would like to let you know that, our Syncfusion JavaScript components are supported and compatible with Knockout 3.0 version. 

Replied On March 29, 2017 06:46 PM UTC

The version of Knockout that comes with syncfusion, i.e. in the ..\assets\external\knockout.min.js file is version 2 of knockout.If I use knockout 3.4.2 for the kanban board in my view like so......       ...and in the viewmodel like so...        self.columns = ko.observable([]);        self.ejKanban_options = {            columns: ko.pureComputed(function () {                        return self.columns()                    }),        };self.init = function(data){         var a = [];            $.each(data.Board.Columns, function (i, column) {                a.push({ headerText: column.Name, key: column.BoardColumnId });            });            self.columns(a);}I get error.... Failed to execute 'replaceChild' on Node: parameter 2 is not of type 'Node'So what is wrong with this very basic method of creating custom columns using an observable.

Shanmugaraja K [Syncfusion]
Replied On March 30, 2017 12:36 PM UTC

Hi Jason,  
We have checked your query. The issue was not reproduced with knockout 3.4.2 version in our end. Please check the below sample.   
If still reproduce the same issue in the above sample, please get back to us with more information. So that we can work on this and provide you a better solution quickly. 
Shanmugaraja K 

Replied On March 30, 2017 07:28 PM UTC

OK if the columns observablearray is empty i.e. columns = observableArray([]); then you set the array with the columns needed I get the replaceChild error.

I can workaround this at my end I think, but I wonder if this is still a bug?

The idea is that the form is empty, i.e. has no columns, until data has been loaded via ajax with the board configuration

Replied On March 31, 2017 12:14 AM UTC

There seems to be some issue with using knockout with the data and columns.....

I have an object in my viewmodel...

self.ejKanban_options = {
            dataSource: self.tasks,
            columns: self.columns,
            fields: {
                content: "Subject",
                primaryKey: "TaskId"
            keyField: "BoardColumnId"

and I add columns and tasks using an Ajax.Get...

function fillBoard (board){
            var a = [];

            var kb = $('.kanbanboard').data('ejKanban');
            //Set the columns observable array
            $.each(board.Board.Columns, function (i, column) {
                a.push({ headerText: column.Name, key: column.BoardColumnId });

            //Set the Task Data
            var kb = $('.kanbanboard').data('ejKanban');
            var dataManager = new ej.DataManager(board.Tasks);


Now this will in fact show the columns as it should, however the tasks are not showing up in the columns, but they are in the internal array of the ejKanban board.

Now after much testing, I find that if I set the columns observable with some data first

        self.columns = ko.observableArray([{ headerText: "test", key: "45064E8E-6F88-459D-BA74-B8721F1E15C8" }, { headerText: 'Planned', key: 'EBED51D0-FA68-49C6-830D-EE72B30E7BA0' }]);

the task data is populated into the two columns I have pre added to the board before my ajax event, these two columns are in fact removed and new columns are added, but the two columns with the keys that were set in the initialization of the kanban control work, however the other columns with new keys do not work. As its if there is an internal array of ids being used to filter the tasks that isn't being refreshed when the columns are updated? 

I could not get the 

Replied On March 31, 2017 12:31 AM UTC

It appears after looking at the kanban object through console, that two objects are not being updated, one is keyPredicates, if I remove an object from the initial columns object this relects what is in the initial columns object.

Also the _cloneQuery.queries[1] object has the same predicate objects in it.

Replied On March 31, 2017 01:57 AM UTC

if I do this....

this will remove the queries (Predicates)

            kb.model.query.queries = [];

this doesn't do anything, I was hoping it would help

but if I then move a card from one of the columns I hacked to get visible using the methods mentioned earlier, i.e. set the init of the columns to a column with an actual key needed all the cards appear.

Now clearly this is a hack and should be needed?

Rajesh Kumar Anburajan [Syncfusion]
Replied On March 31, 2017 05:45 PM UTC

Hi Jason,  

We have analyses your reported query “Knockout Support”. It’s some defaulty for finding some items. We will update you on (3/4/2017). 


Rajesh kumar.A 

Replied On April 3, 2017 08:00 PM UTC

 I can't log into the direct trac incident report, it isn't visible under my profile.

Buvana Sathasivam [Syncfusion]
Replied On April 4, 2017 04:38 AM UTC

Hi Jason,   
Thanks for your update.   
We are sorry to inform that new incident was not created for this forum.  The reported issue will be fixed in the upcoming Volume 2 SP 1, 2017 release which is expected to be roll out by the month of May, 2017.   
Buvana S.   

Replied On April 4, 2017 05:04 AM UTC

This is pretty bad, I have tried two controls so far, sfListView and sfKanban, both in a Xamarin app and in javascript and I am getting problems that are blocking both of my dev paths, and each one is taking well over two months to fix, until then I am stuck and can't go any further with your controls, very frustrating?!

Rajesh Kumar Anburajan [Syncfusion]
Replied On April 5, 2017 05:19 PM UTC

Hi Jason,   
Direct trac incident is created in your account for the reported query in this forum. Please log on to our support website to check for further updates.    
Rajesh Kumar.A  


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon