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

Controls don't working with Knockout.js

Hello.

I had try to create working model for load data from WebApi controller (as JSON) and show it in ejGrid. But this don't working.
Anyway.

Also i try to create some DataManager and custom DataAdaptor but it also don't working.
On this forum there is one question on theme - http://www.syncfusion.com/forums/117200/using-knockout-bindings-with-ejgrid. But answer is very bad - i don't found the solve result.

My model (TypeScript module)
module OrdersList {
     export class OrderListVieModel {
         ordersApi: string;
         orders: KnockoutObservableArray<DataObjects.Order>;
         orders2: ej.DataManager;
         logger: Utils.Logger;
         constructor(ordersPath: string) {
             this.ordersApi = ordersPath;
             this.orders = ko.observableArray([]);
             this.logger = new Utils.Logger('OrderListVieModel');
             /*this.orders2 = ej.DataManager("http://localhost:55282/api/orders");
             //this.orders2 = new ej.DataManager(null);
             this.orders2.adaptor = new ej.Adaptor().extend({
                 insert: function (dm, data) {
                     console.log(dm);
                     console.log(data);
                     return dm.dataSource.push(data);
                 },
                 processQuery: ej.JsonAdaptor.prototype.processQuery // resused process query from json adaptor
             });*/
             this.fetchOrders();
         }
         fetchOrders() {
             $.ajax({
                 type: 'GET',
                 url: this.ordersApi,
                 success: (response) => {
                     var mappedData = $.map(response, (item) => {
                         var order = new DataObjects.Order(item);
                         return order;
                     });
                     this.orders(mappedData);
                     console.log(mappedData);
                     this.logger.info("Cписок заказов успешно загружен!");
                 },
                 error: (response) => {
                     this.logger.error("Произошла ошибка при выборке списка заказов!");
                 }
             });
         }
     }
     export function initModel() {
         var ordersPath = "/api/orders";
         var model = new OrderListVieModel(ordersPath);
         ko.applyBindings(model);
     }
 }
Also when i try to using controls in TypeScript i get Definition file but it have many errors and don't compile.
Some interfaces that don't exist in the file.
  1. ejListBox(options?: ej.ListBoxOptions): JQuery;
  2. ejOlapGrid(options?: ej.olap.OlapGridOptions): JQuery;
  3. ejmListbox(options?: ej.mobile.ListboxOptions): JQuery;
In addition, the use of components on build are constantly emerging errors that lead to the fact that the project will not compile. TypeScript compliler shows much errors.

Documentation - very small and don't have many information about using of controls and also how to use bindings (knockout or angular).

Controls are looking good but not enought information for getting started and support.

In summary:
  1. ES for JavaScript don't have fully suppurt in TypeScript.
  2. Documentation is small and bad.
  3. Some features that need to be working - don't.
  4. Very small questions and good answers on forum.
Thank you.

4 Replies

BM Balaji Marimuthu Syncfusion Team February 2, 2015 02:30 PM UTC

Hi Andrey,

Please find the response.

I had try to create working model for load data from WebApi controller (as JSON) and show it in ejGrid. But this don't working.

Anyway.

Also i try to create some DataManager and custom DataAdaptor but it also don't working.

As you have already this query in forum # 117200 , please follow-up with that forum for further details.

Also when i try to using controls in TypeScript i get Definition file but it have many errors and don't compile.

Documentation - very small and don't have many information about using of controls and also how to use bindings (knockout or angular).

Currently we are validating your requirement and we will update with one business day 3/2/2015.

Please let us know if you have any queries.

Regards,

Balaji Marimuthu




BM Balaji Marimuthu Syncfusion Team February 5, 2015 12:49 PM UTC

Hi Andrey,

Please find the response for documentation.

Diagram

Knockout binding:http://help.syncfusion.com/ug/js/documents/knockoutbinding2.htm

Angular binding:http://help.syncfusion.com/ug/js/documents/angularbinding2.htm

Getting started:http://help.syncfusion.com/ug/js/documents/gettingstarted14.htm

Conceptsandfeatureslink:http://help.syncfusion.com/ug/js/documents/conceptsandfeatures15.htm

Tools

Please refer the following link concepts and features section we have also explained how to use our controls with Angular and KnockOut JS.

http://help.syncfusion.com/web

Also, you can refer the following JavaScript API reference link, to identify the list of properties, methods and events supported by each JS component.

http://help.syncfusion.com/cr/js

Map and TreeMap

We have logged a task to include the documentation for Knockout and Angular support in Map and TreeMap controls along with additional concepts and features.

Please refer the following online documentation for Map control.

Getting started: http://help.syncfusion.com/ug/js/documents/gettingstarted24.htm
Concepts and features link: http://help.syncfusion.com/ug/js/documents/conceptsandfeatures26.htm
API documentation link: http://help.syncfusion.com/UG/JS_CR/ejMap.html


Please refer the following online documentation for TreeMap control.

Getting started: http://help.syncfusion.com/ug/js/documents/gettingstarted54.htm
Concepts and features link: http://help.syncfusion.com/ug/js/documents/conceptsandfeatures55.htm
API documentation link: http://help.syncfusion.com/UG/JS_CR/ejTreeMap.html

PivotGrid

KO binding: http://js.syncfusion.com/demos/web/#!/azure/pivotgrid/komodelbinding

Angular binding: http://js.syncfusion.com/demos/web/#!/azure/pivotgrid/angularmodelbinding

Documentation: http://help.syncfusion.com/ug/js/documents/gettingstarted31.htm

OlapClient

KO binding: http://js.syncfusion.com/demos/web/#!/azure/olapclient/komodelbinding

Angular binding: http://js.syncfusion.com/demos/web/#!/azure/olapclient/angularmodelbinding

Documentation: http://help.syncfusion.com/ug/js/documents/gettingstarted29.htm

OlapGauge

KO binding: http://js.syncfusion.com/demos/web/#!/azure/olapgauge/komodelbinding

Angular binding: http://js.syncfusion.com/demos/web/#!/azure/olapgauge/angularmodelbinding

Documentation: http://help.syncfusion.com/ug/js/documents/gettingstarted30.htm

OlapChart

KO binding: http://js.syncfusion.com/demos/web/#!/azure/olapchart/komodelbinding

Angular binding: http://js.syncfusion.com/demos/web/#!/azure/olapchart/angularmodelbinding

Documentation: http://help.syncfusion.com/ug/js/documents/gettingstarted28.htm

Grid:

We have logged a task to include the documentation for Knockout and Angular support.

Ribbon and Calculate Js.

We have already published documentation for Calculate JS. We will add the content If any feature implemented.

Gantt, TreeGrid

We have logged a task to include the documentation for Knockout and Angular support in Gantt and Treegrid controls.

Please refer the following online documentation for Gantt control.

1. http://help.syncfusion.com/ug/js/default.htm#!documents/gettingstarted20.htm

2. http://help.syncfusion.com/ug/js/default.htm#!documents/conceptsandfeatures21.htm

3. http://help.syncfusion.com/UG/JS_CR/ejGantt.html

Please refer the following online documentation for TreeGrid control.

1. http://help.syncfusion.com/ug/js/default.htm#!documents/gettingstarted53.htm

2. http://help.syncfusion.com/ug/js/default.htm#!documents/conceptsandfeatures54.htm

3. http://help.syncfusion.com/UG/JS_CR/ejTreeGrid.html

Chart

We have logged a task to include the documentation for Knockout and Angular support.

Please find the below link which shows the getting started of chart control.

Link: http://help.syncfusion.com/ug/js/documents/gettingstarted7.htm

The below link shows the detailed description of concepts and features available in chart

Link: http://help.syncfusion.com/ug/js/documents/conceptsandfeatures8.htm

The below shows the API documentation of chart control

Link: http://help.syncfusion.com/UG/JS_CR/ejChart.html

Query:  TypeScript compliler shows much errors.

We considered this requirement “TypeScript compliler shows much errors” as bug and a support incident has been created under your account to track the status of this requirement. Please log on to our support website to check for further updates.

https://www.syncfusion.com/account/login?ReturnUrl=/support/directtrac/incidents

Please let us know any queries.

Regards,

Balaji Marimuthu




AK Andrey Kukharenko February 21, 2015 07:22 PM UTC

Thanks.
Really looking forward to yet be full support TypeScript. I very need it because in current project and work use TypScript.


BM Balaji Marimuthu Syncfusion Team February 23, 2015 01:59 PM UTC

Hi Andrey,

We have provided the typescript patch in the incident #134879, So please make use of it. Now, our Essential Studio controls will support the Typescript fully without any issue. Could you please let us know if you face any issues in Essential Studio controls while using the typescript, that will helpful for provide better solution ASAP.

Please let us know if you have any queries.

                     

Regards,

Balaji Marimuthu

 



Loader.
Live Chat Icon For mobile
Up arrow icon