Using custom angular directive into kendo ui grid as column template - angularjs

I have created a custom angular directive, number control, and would like to use that in kendo ui grid column template.
How to achieve this? Could someone provide an example?
Thanks!

suppose your directive name is myDirective. You can apply template as
template: '<my-directive></my-directive>'
or
template: '<span my-directive></span>'

Related

kendo timezone directive in angularjs

I want to select kendo timezone by dropdownlist.I have search kendo-timezone directive in angularjs but i have not found.I want to kendo timezone directive like that "kendo-date-picker(this is timepicker directive in angularjs)".If you have any idea please share me..
I have solved this problems like that
<div kendo-timezone-editor ng-model="dataItem.eventTimezone"></div>

How to apply custom angular directive logic after kendo grid render completed

I am creating a custom angular directive to disable elements like input,anchor,button etc for a page containing kendo grids...
Directive works fine on other elements but not on kendo grids...few columns of the grid is having anchor tags need to disable them...
My question here is
How to apply custom logic present in my directive after kendo grid render completed...by emiting or broadcasting some action on databound event or etc...or by watching a rootscope value and changing it...
What would be the best approach i can take...will update the question soon with some codes...posting this from mobile...

add template for kendo tooltip in k-content attribute

I am trying to add a kendo tooltip with some html template. In the example mentioned in the link:
http://demos.telerik.com/kendo-ui/tooltip/angular
How would i have a template mentioned in <script> tag added as part of k-content? I have tooltip content bound from view model and the content is dynamic. The content has html tags as well.So how can i bind the template using html element attibutes only.
Thanks.
You can use angular directive to create a template, then use it as k-content.

Can I use a AngularJs template in a kendo multiselect itemTemplate and tagTemplate?

I have an AngularJs template that I would like to re-use with my Kendo Multiselect Item Template and Tag Template.
Is there any way to do this? I'm not sure how to pass data. When I just try to use AngularJS templates, it doesn't work.
Kendo UI templates are just a javascript functions which accepts single parameter - objects to render and return rendered html.
AngularJS template is an HTML fragment which is rendered by $compile service and stored by $templateCache.
It is theretically possible but hard way.

ng-click does not work with Kendo grid cell template

I'm trying to use the kendo ui grid and display a link column in an AngularJS application. The column is rendered using a template. I'm using the AngularJS ng-click directive in the template to call a method when the link in a cell is clicked. ng-click does not appear to work in a column template.
Here is an example.
However a similar example that DOES NOT use a column template seems to work fine with ng-click.
Any help is greatly appreciated!

Resources