Questions on Kendo UI for jQuery Forum

3 answers

348 views

Opening a Details template using a button

Dear Sir,

I have an application that I am modenizing .
In the original web app clicking a button at the end of the row would taggle the details of the row.

Using the samples I Used the .ClientDetailTemplateId and I can show the details fine, this is done by clicking the arrows at the side of the grid.
Is there a way to add a custom command button to open the details and could the colum holding the arrows be hidden from sight?

Yours,

Ariel

Grid

answered on 14 May 2015

3 answers

866 views

Culture & Language (buttons)

Hi!

I would like to have the scheduler's buttons in another language, so I've tried to set up the culture using:

<script src="@Url.Content("~/js/cultures/kendo.culture.es-UY.min.js")" type="text/javascript"></script>

and then in the document ready: kendo.culture("es-UY");

This is working just for some of the texts, but It's not working for any of the buttons inside the scheduler, for example for the buttons, "Today", "Show full day" and so on.

Is there an easy way to translate all this? Is there any workaround?

Thanks in advance!

Scheduler

answered on 14 May 2015

2 answers

261 views

Grid expand event. Prevent selecting row.

Hi,

I want to make expand arrow on grid just to expand child items not to select this row.

I was trying to attach to event "detailExpand" but there I can only clear selection which I don't want to happen.

Grid

answered on 14 May 2015

1 answer

144 views

Mouse Wheel Sensitivity

When using the Kendo Grid with a virtual scroller I have noticed that when I roll the wheel on my Microsoft Mouse one click there is no action. On the second click It will roll 4 rows.

Comparatively, in the Silverlight RadGrid View, the scroller moves 2 rows on each mouse click turn.

Is there a setting, in the Kendo grid to allow the mouse wheel to be more responsive?

Grid

answered on 14 May 2015

3 answers

157 views

ChildActionOnly for grid datasource

I want to apply [ChildActionOnly] attribute to the action method used by kendo ui grid DataSource as in

.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("Read", "Conrtoller"))

but when I apply [ChildActionOnly] to Read(), everytrhing stops working

General Discussions

answered on 14 May 2015

1 answer

407 views

Combine stacks bar + line chart from an json datasource

Hi,

I'm struggling to get a combination between a stackes bar and line chart. I have seen the examples (http://demos.telerik.com/kendo-ui/bar-charts/multiple-axes) basicly this is what I need. The only problem that I have json datasource (from a webapi).

How can I accomplish this.

01.$("#chart").kendoChart({

02. theme: "Bootstrap",

03. dataSource: {

04. transport: {

05. read: {

06. url: "/api/meters/GetIndividueleMeters/

07. dataType: "json",

08. method: "get"

09. }

10. },

11. group: {

12. field: "Naam",

13. dir: "asc"

14. },

15. sort: {

16. field: "Datum",

17. dir: "asc"

18. },

19. requestStart: function () {

20. kendo.ui.progress($("#loading"), true);

21. },

22. requestEnd: function () {

23. kendo.ui.progress($("#loading"), false);

24.

25. }

26. },

27. legend: {

28. position: "bottom"

29. },

30. seriesDefaults: {

31. type: "column",

32. stack: true

33. },

34. series: [{

35. field: "Waarde"

36. },

> here is something needed I presume

],

37. categoryAxis: {

38. field: "DatumString",

39. labels: {

40. rotation: -45

41. }

42. },

43. tooltip: {

44. visible: true,

45. template: "#= value # / #= series.name #"

46. },

47. dataBound: function (e) {

48.

49. $(".Laadtekst").hide();

50.

51. if (this.dataSource.data().length == 0) {

52. $(".GeenGegevensTekst").show();

53. }

54. else {

55. $("#chart").show();

56. }

57. }

58. });

Thanks

Charts

answered on 14 May 2015

4 answers

1.0K+ views

[Solved] Timezone in DatePicker and Custom Format

Hello Telerik-Team,

we are using Kendo 2013.2.716 and have an application that is not interested in local timezones. Internally all dates are stored as UTC, but the time part should always be ignored.
- we have a grid and a datepicker with a custom format (yyyy-MM-dd) within this grid
- we have also implemented your guide: Using UTC time on both client and server sides

reading and displaying of the Dates works perfectly :)

Because of our custom date format we also needed to change the parametermap:

$(document).ready(function () {

var grid = $("#Grid").data("kendoGrid"),

mvcTransport = new kendo.data.transports["aspnetmvc-ajax"]();

grid.dataSource.transport.parameterMap = function (options, type) {

if (type === "update" || type === "create") {

var d = new Date(options.Startdate);

options.Startdate = kendo.toString(new Date(d), "yyyy-MM-dd");

}

return mvcTransport.parameterMap(options, type);

};

});

For employees in Asia and EU it works perfectly, but for the US (Timezone: UTC-5) we now have the following situation:
- if the user edits a date, the date is correctly sent to the Server (if the user selects Jan 2nd, then 2014-01-02 00:00:00 is submitted to the Server) -> perfect.
- but immediately after the update the grid shows Jan 1st
- only after the user hits the browser's refresh button it loads the correct date from the Server and displays it (Jan 2nd)

If I modify the ParameterMap and add the time offset myself (e.g. options.Startdate = "2014-01-02T05:00:00.000-05:00"), then the grid immediately shows the correct date, but the value sent to the server is useless, because it's a DateTime with Type "local", but I do not have any information about the timezone. If I just ignore the time and only store the date part, then it might be correct for the US users, but will be wrong for the EU & Asians...

Thank you,
Rainer

Grid

answered on 14 May 2015

8 answers

285 views

[Solved] Kendo/Angular - ng-disabled in IE10

I am encountering a problem with ng-disabled in IE10 with Kendo UI buttons, combo boxes, drop down lists, date pickers, and numeric text boxes.

Everything works fine in IE11, Firefox, Chrome, and Safari, but IE10 doesn't seem to respond to changes in the models.

Is this a known problem and is there a work around?

General Discussions

answered on 14 May 2015

2 answers

173 views

Aggregates and footertemplates are too restrictive

We are trying to convert from using the normal kendo grid to using a tree list grid for one of our features.

With the normal grid when the footertemplate is executed it is provided the full set of aggregates from the datasource. This allows us to perform a calculation from two different aggregates and apply to custom html.

The tree list footertemplate is called with the aggregate for that column / field only, it is wrapped in a way that you cannot access the rest of the aggregate object even though they are available in the datasource. Because we are using shared templates it is not convenient to go to the datasource by #element to get the rest of the aggregates. The IIF that wraps the execution of the template is not called with the context of the datasource being 'this' so we are not able to get any more information but the individual field aggregate.

Why can't the two grids / datasources work the same way with footertemplates?

Thanks,

Rob.

TreeList