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. Image for the cookie policy date

Unable to reload or refresh the ej kanban control using jquery ajax.

Dear Sir/Madam,

We are in trouble to bind data to ej kanban control using jquery ajax.

Initially we are bindind data through code behind.
Next, Adding new task using our own control and logic.
After adding task want to reload or refresh the kanban board in client side., but we are unable.

Please find attached file.

Thank You.

Attachment: KanbanExample_84b08370.zip

3 Replies

RK Rajesh Kumar Anburajan Syncfusion Team April 28, 2017 05:07 PM UTC

Hi Ramesh Sadam, 
We are working on this with high priority  and we will update you by Monday(28/4/17) 
Please provide more information about your reported issue or provide an issue reproducing sample with UI page(Aspx). 
Rajesh Kumar.A 

RS Ramesh Sadam May 1, 2017 09:00 AM UTC

Plase find attached file.
Attachment: Kanban_e29dd372.zip

BS Buvana Sathasivam Syncfusion Team May 2, 2017 05:31 PM UTC

Hi Ramesh, 
Thanks for your update. 
As per your code, we have created Kanban sample with AJAX post.  You click add task button then load data into Kanban data source using ajax post.  Please refer to the following code. 
<input type="button" value="Add Task" class="btn btn-primary" onclick="onclk(this)" /> //onclk function was called when click the button 
        function OnSuccess(response) { 
            $("#kanTask").ejKanban("dataSource", response.d.d); // Send data to datasource 
        function onclk(args) { 
            ViewTask();   // Called view task function when click the button 
        [ScriptMethod(ResponseFormat = ResponseFormat.Json)] 
        public static object GetCustomers()            
            NORTHWNDEntities1 db = new NORTHWNDEntities1(); 
            IEnumerable Data = db.Tasks.ToList();     // Get all data in the database 
            int count = Data.AsQueryable().Count();   // Get data count 
            Syncfusion.JavaScript.DataSources.DataOperations operation = new Syncfusion.JavaScript.DataSources.DataOperations(); 
            return new { d = Data };   // return data 
Please let us know if you need any further assistance. 
Buvana S. 

Live Chat Icon For mobile
Up arrow icon