Blank view and custom html

Posted by Lusien Lozanov on 13-Mar-2017 07:37

Hello guys,
I want to ask a little bit stupid question...

Can somebody tell me is there a way to access my data sources and do something with custom html and data?

Posted by egarcia on 13-Mar-2017 09:06

Hello Lusien,

Yes, you can access your data sources in a view created using the Blank view option and also do custom HTML.

To access your data sources, you can use code like the following from a function in the view-factory.js file:

  this.scope = $scope;

  this.scope._$ds.customerDS.filter(filter);

You can access the model by using code like the following:

  var model = this.scope._$viewModel.customerDSModel;

You can access HTML components using angular.element().

Example:

  var ageComboBox = angular.element("#AgeCB").data("kendoComboBox");

You can specify custom HTML via the topSection.html file in the src/html folder or by using a custom HTML component from the toolbar.

You can find some examples of views created using the Blank view option at

Demo:

   oemobiledemo.progress.com/.../index.html

Source code:

   github.com/.../kendo-ui-builder-samples

If you are looking for info on how to customize a hierarchical grid, you can look at the following examples:

   oemobiledemo.progress.com/.../hierarchical-grid

   oemobiledemo.progress.com/.../hierarchical-grid2

   oemobiledemo.progress.com/.../hierarchical-grid3

community.progress.com/.../99560

community.progress.com/.../29844

I hope this helps,

Edsel

All Replies

Posted by egarcia on 13-Mar-2017 09:06

Hello Lusien,

Yes, you can access your data sources in a view created using the Blank view option and also do custom HTML.

To access your data sources, you can use code like the following from a function in the view-factory.js file:

  this.scope = $scope;

  this.scope._$ds.customerDS.filter(filter);

You can access the model by using code like the following:

  var model = this.scope._$viewModel.customerDSModel;

You can access HTML components using angular.element().

Example:

  var ageComboBox = angular.element("#AgeCB").data("kendoComboBox");

You can specify custom HTML via the topSection.html file in the src/html folder or by using a custom HTML component from the toolbar.

You can find some examples of views created using the Blank view option at

Demo:

   oemobiledemo.progress.com/.../index.html

Source code:

   github.com/.../kendo-ui-builder-samples

If you are looking for info on how to customize a hierarchical grid, you can look at the following examples:

   oemobiledemo.progress.com/.../hierarchical-grid

   oemobiledemo.progress.com/.../hierarchical-grid2

   oemobiledemo.progress.com/.../hierarchical-grid3

community.progress.com/.../99560

community.progress.com/.../29844

I hope this helps,

Edsel

This thread is closed