Questions on Kendo UI for jQuery Forum

7 answers

259 views

Hello

I have a two line tooltip that goes offscreen at the lower edge of a pie chart.

The padding documentation is a big obscure so i need just a bit of help with this.

Here's an image best describing my issue: http://screencast.com/t/AHrCRsJAS5H

Thanks,
Chris

Charts

answered on 16 May 2014

2 answers

565 views

License terms & Open Source

Since I bought (and used) a license to develop ASP.NET/Razor solutions, people keeps asking me what is 'free' and what is to paid to Telerik, since it seems that runtime components are 'open source' and 'freely available' to customers...
I don't know what to answer, and I admint that the price I paid for the library is largely paid back for the wonderful support I got from Telerik.
Nonetheless, I would like to know the 'right' answer to give, to people that think that they can use JS components for free.
Is there anyone that can clarify the situation?
Thanks in advance, for myself, and the others! :-)
Andrea Bioli
P.S.: I see that I can even download a nuget package, called 'Telerik Kendo UI Web'... is it free, or what?

General Discussions

answered on 16 May 2014

2 answers

123 views

Not all button clicks are registered

I am declaring buttons like this:

<span data-role="button" data-click="on_button_clicked">Button</span>

the problem is that not all button clicks result in a call to on_button_clicked.

The problem is illustrated on this fiddle.

If you alternate clicking those two buttons fast, you see that not all clicks are registered, even if the physical appearance of the buttons reflect the clicks.

Button

answered on 16 May 2014

1 answer

159 views

Possible to disable certiain items?

Is it possible to disable certain items within a multiselect? This way they appear, but are not selectable.

I have a scenario where certain selections in a mutli-select preclude others. As a fall back position I can just filter down the raw data so certain elements just don't appear.

MultiSelect

answered on 16 May 2014

1 answer

287 views

Recursive kendo template

Hey,

I have a grid that has a clientdetailtemplate. In that template, i use another grid, that would call the same template again untill maybe 3 levels down.
Is that possible? I get invalid client template, but thats maybe it is just not possible by design. When i add .toclienttemplate on the grid, it does not give an error, but nothing seems to happen.

<div id="dvResults" class="searchResults col-md-6 col-md-offset-3">

<div id="resultGrid">

@(Html.Kendo().Grid(Model.SearchDetails)

.Name("grdSearch$Results")

.HtmlAttributes(new { @class = "grdSearchResults" })

.Columns(column =>

{

column.Bound(x => x.Icon).Template(@<text><img src="@item.Icon" class="searchicon" /></text>).Width(16);

column.Bound(x => x.Name).Template(

@<text><a onclick="SelectEntity('@item.CustomerId','@item.PremisesId','@item.InvoiceStructureId')">@item.Name</a>

@if (@item.IsCustomerLevel)

{

<br /><text>@item.SearchCriteria : @item.Field</text>

}</text>).Title("");

})

.ClientDetailTemplateId("gridDetailTemplate")

)

</div>

<script id="gridDetailTemplate" type="text/kendo-tmpl">

@(Html.Kendo().Grid<SearchDetailModel>("#=Children#")

.Name("GrdSearchDetails_#=Id#")

.HtmlAttributes(new { @class = "grdSearchResults" })

.Columns(column =>

{

column.Bound(x => x.Icon);

}).ClientDetailTemplateId("gridDetailTemplate")

)

</script>

Templates

answered on 16 May 2014

1 answer

400 views

[Solved] Kendo Grid Cell Edit

Hi,

I have grid with a column( checkbox) and couple of more columns in the grid.

Want to achieve the Cells to remain in Editable mode for a column and only for specific rows where checkbox is checked when grid is rendered.
And when new row in grid is checked ;want the "Agency Id" cell of the particular row to be made into inCell editable mode.

And for rows which are unchecked, the Agency ID cell will need to made into read mode for that rows.

Can any one provide me demo if possible.

Thanks
Chatrapathi chennam

Grid

answered on 16 May 2014

1 answer

145 views

Manual Update to ViewModel

I have several views sharing a single ViewModel. In one view, there is a form that updates the ViewModel. The moment I submit the form (before the form handler is called), it triggers a rendering of all observing views (standard behavior of Kendo UI). However, I have an additional attribute that is available only later after some processing within the form handler.

I've tried using the following once the processing is done:

var prescriptionsDataSource = data.getPrescriptionsDataSource(); // same data source that the view is using in its ViewModel
var prescription = prescriptionsDataSource.get(prescriptionID);
prescription.set("medication.reminderCount", reminderCount);

However, this doesn't seem to trigger rendering of the observing views. The result is that the displayed reminderCount is obsolete.

Am I missing something?

Thanks!

MVVM

answered on 16 May 2014

6 answers

257 views

[Solved] Treeview - Single Expand Path

Hello,
I'm working with the local data treeview sample.

Is there a way to implement single expand path similar to RadTreeView (http://www.telerik.com/help/aspnet-ajax/treeview-server-single-expand-path.html)? I'd like for only the selected node path to be expanded at any one time. All others paths should be collapsed after node selection

Thanks!

TreeView

answered on 15 May 2014

1 answer

92 views

[Solved] Getting error pages when posting in forums

It is a very frequent problem that I get an error page when I post to the telerik forums.

The text is lost, and if I am lucky, the posting was actually made, even if I receive an error.

It happens a lot, maybe each 5th try to post something.

Another problem is that the forums are incredibly slow.

I am expecting more from a forum that I am actually paying to use.

General Discussions

answered on 15 May 2014

1 answer

245 views

On demand load initial parameter issue

1 of 2 -The requirement is that a tree view gets populated after the user selects a row in a grid. I use javascript to pass the ID of the grid selection -
2 of 2 - the user should then be able to, in the tree view, load nodes on demand by expanding nodes. The code for the controller is attached.

This is setup in MVC 4 with and Index view that contains a kendo splitter pointing to two partial views -

List (contains the kendo grid); &
Detail - contains the kendo tree view

01.function GridRowSelected(arg) {//row selection event

02. var grid = $("#adminGrid").data("kendoGrid");

03. var row = grid.select();

04. var data = grid.dataItem(row);

05. //alert("in List" + data.EntHID);

06. loadChildrenForEntity(data.EntHID)

07. entityId = data.EntHID;

08. //alert("in list : " + entityId);

09.}

The treeview configuration and datasource is -

01.<script type="text/javascript">

02. function loadChildrenForEntity(entityId) {

03. dataSource = new kendo.data.HierarchicalDataSource({

04. transport: {

05. read: {

06. cache: false,

07. url: "@Url.Action("GetChildrenForEntity", "Admin")",

08. dataType: "json",

09. data: function () {

10. return {

11. entityID: entityId

12. };

13. }

14. }

15. },

16. schema: {

17. model: {

18. id: "ItemHID",

19. hasChildren: "HasChildren"

20. }

21. }

22. });

23.

24. $("#entityDetails").kendoTreeView({

25. dataSource: dataSource,

26. //select: onSelect,

27. expand: onExpand,

28. dataTextField: "DisplayName",

29. loadOnDemand: true

30. });//.data("kendoTreeView");

31. }

32.

33. function onExpand(e) {

34. e.preventDefault();

35. var treeview = $('#entityDetails').data('kendoTreeView');

36. var node = e.node;

37. var data = treeview.dataItem(node);

38. //alert('id = ' + data.id);

39. $.ajax({

40. url: "@Url.Action("GetChildrenForEntity", "Admin")",

41. //type: "POST",

42. datatype: "json",

43. data: { entityID: data.id },

44. success: function (result) {

45. DisplayChildNodes(result, node)

46. }

47. });

48. }

49.

50. function DisplayChildNodes(result, node) {

51. var treeview = $('#entityDetails').data('kendoTreeView');

52. treeview.append(result, node);

53. }

54.</script>

The initial load is fine - the user selects a row in the grid and the tree view loads as expected. However, the crux of the problem appears to be that when treeview nodes are expanded, the code is executed with the original ID that was passed in via the javascript. This should instead be invoked with the id of the node selected, which happens due to the onExpand event.

Has anyone else experienced this issue and found a solution to it? Thanks in advance

Amit

TreeView

answered on 15 May 2014