Hello Folks,
I have used Parent-Child(Hierarchical) Kendo Grid in one of my project.
Grid contain Columns that are retrieved from database tables. Here retrieved values from the database are dynamic.
Means for 1st parent record there are 3 child columns(Type=A1) and for 2nd parent record there are 4 child(Type=A2) columns and so on.
Here data contain space, comma as well as special characters. Eg
Id | Type | Value
1 | A1 | Standard Reference
2 | A1 | D"
3 | A1 | Family Number
4 | A2 | Material
5 | A2 | Hardness
6 | A2 | Rs in ($)
7| A2 | Dim 7
When data binding occurs to the kendo grid then it is not binding to the kendo grid.And if i removed the space, comma & special characters binding works successfully.
Can you help me how to solve this type of problem?
Thank you.
In the template I want the 30 to be bold and blue. And the rest of template text not blue or bold.
labels: { visible: true, margin: { left: 55 }, color: "#1246BB", format: "{0}", template: "#= value # \n <b>30</b>" },
Hi,
Google maps can just display in the first tab, no other tabs, it only showed the icons but no content, as in the attached file.
I've tried different way, including put the function inside onSelect, none worked well.
Please help, thanks!
https://dojo.telerik.com/USucOMiL
At the moment when I click next to tooltip, it auto closes, how to disable that behaviour?

I want to make the second grid in the hierarchy inline editable but i don't want the button in the second grid toolbar but instead i want it in first grid last column. How do i achieve that
https://dojo.telerik.com/AhoTEJul/10
Can you Please let me know how I can set data-filterable of mvvm grid to an function. I want to set it to object instead of:
data-filterable = '{}' I want it to be like data-filterable = getfilter()

Hi, we are using kendo with very large in-memory data objects.
Sometimes, we need to extract the "raw" json data, so we use .toJSON on observableArrays.
We got cpu running high in certain circumstances.
We tried to change the original toJSON function, and we were able to move from 15 to 5 seconds for the same dataset.
The hint is to use Object.keys(this) + for(...) loop, instead of [for fields in this].
As you can see in that dojo sample
http://dojo.telerik.com/@foxontherock/UniXASid/35
We'll use that fix in our code, but I think that you may consider adding it in kendo UI source code.

The change event is not fired when I change values using the API.
https://dojo.telerik.com/@normpetroff/itoqUquY

Hello
I'm pretty new to KendoUI Mobile. I would like to create a hybrid mobile app. So far I'm doing good just struggle with something simple:
I would like to show initially a login/register screen (view login) without any pre-defined Tabstrip. After successful login the app should switch to show a Tabstrip connected with 3 other views (start, map, settings).
What is the "official" way to not show the Tabstrip on login view or how to I tell the Tabstrip to be only present on not visible login view?
Below a fully working example of how far I came. Setting the "initial" value to "login" would show the login view WITH the (unwanted) Tabstrip.
view login: represents the view that should NOT show the Tabstrip
-> after successful login switch to show Tabstrip with initiall shown view "start"
<!DOCTYPE html><html><head> <title>My App</title> <link href="http://kendo.cdn.telerik.com/2018.2.516/styles/kendo.common.min.css" rel="stylesheet" /> <link href="http://kendo.cdn.telerik.com/2018.2.516/styles/kendo.mobile.all.min.css" rel="stylesheet" /> <script src="http://kendo.cdn.telerik.com/2018.2.516/js/jquery.min.js"></script> <script src="http://kendo.cdn.telerik.com/2018.2.516/js/kendo.all.min.js"></script></head><script> $(document).ready(function() { // var app = new kendo.mobile.Application(); var app = new kendo.mobile.Application($(document.body), { skin: 'flat', transition:'slide', initial: "start" // Set to "login" will show the Tabstrip as well }); });</script><body><!-- View login --><div id="login" data-role="view" data-layout="default">Register here</div><!-- View start --><div id="start" data-role="view" data-layout="default"> <span>hello start!</span></div><!-- View map --><div id="map" data-role="view" data-layout="default">Hello map!</div><!-- View settings --><div id="settings" data-role="view" data-layout="default">Hello settings!</div><section data-role="layout" data-id="default"> <header data-role="header"> <div data-role="navbar">My App</div> </header> <!--View content will render here--> <footer data-role="footer"> <div data-role="tabstrip"> <a href="#start">Start</a> <a data-icon="globe" href="#map">Map</a> <a data-icon="settings" href="#settings">Settings</a> </div> </footer></section></body></html>
Probably a simple question and I just need to know the official way how to solve this.
Regards
Hello,
I have to remove the "command.Edit()" from a Grid in GridEditMode.InLine. So one only button "Delete" is displayed. Grid works fine but in the Edit mode (after clicking on "Add New Record" button) the "Update" and "Cancel" buttons will not be displayed so I cannot save a new record. What is possible solution?
Thanks.