Questions on Kendo UI for jQuery Forum

1 answer

104 views

Using dataviz chart components with kendo MVVM component

I'm trying to use the mentioned kendo ui components together. I came across this sample in js fiddle, it works like a charm. But when I try to use the same code in my asp.net mvc project, my chart is not being rendered as expected.
Below you can find the code in my project:

@(Html.Kendo().TabStrip()

.Name("tabstripChart")

.Items(tabstrip =>

{

tabstrip.Add().Text("Chart")

.Selected(true)

.Content(

@<text>

<div id="symbolChart"

data-role="chart"

data-series="[{ field: 'Hours' }]"

data-category-axis="{ field: 'Label' }"

data-series-defaults="{ type: 'line' }"

data-bind="source: Activity">

</div>

<script type="text/javascript">

alert("hey");

var viewModel = kendo.observable({

Activity: [

{ Label: "Jan", Hours: 10 },

{ Label: "Feb", Hours: 5 }

]

});

kendo.bind($("#symbolChart"), viewModel);

</script>

</text>

);

tabstrip.Add().Text("Realtime Chart")

.Content(@<text></text>);

})

)

I'm not getting the expected result. Here I asked the same question on stackoverflow, there you can find the result screen shot. What am I doing wrong?

Thanks,

Charts

answered on 09 May 2013

4 answers

116 views

What .CSS files need to be included to get themebuilder to work?

I can't seem to find any documentation regarding what .CSS files are required to get a custom theme working. If I just copy the .css from the theme-builder, the theme appears to break.

Do I also need to add common.min and default.min? I tried these but I don't want to add more .css that I don't need.

TIA

General Discussions

answered on 09 May 2013

1 answer

107 views

How to show kendo grid pager?

Hi Admin,

By using, $("#grid.k-grid-pager a").hide();, I have hidden grid pager. If I want to show hidden pager again, how we can do that?
$("#grid.k-grid-pager a").show(); is not showing hidden pager? Immediate help would be appreciated.

Regards,
Partha.

Grid

answered on 09 May 2013

1 answer

87 views

Double click hit mark up under ActionSheet - Android

Hi!

We use the ActionSheet widget in a lot of views. The problem we have is that when a user clicks on a link in the ActionSheet (cancel for example), the click also goes through it and hits a list item under the ActionSheet - this results in two clicks and messes up the user experience.

This problem is particulary apparent on Android.

Any way to solve it?

ActionSheet

answered on 09 May 2013

3 answers

353 views

Changing the row template after grid creation

Hi,

Is there any way to change the row template after the grid has been created on the page? We want to provide different views of the grid (like small icons, large icons, etc) but we also need to be able to revert back to the standard template (i.e. no overriding template/Kendo creates the template).

Any ideas how we can do this please?

Grid

answered on 09 May 2013

2 answers

231 views

Specifying the fields to send on an 'update' command

Hi,
I am using the Data Source object to connect to a SharePoint 2013 ODATA source using REST and then use this as the data for a Kendo UI Grid.
The Data Source reads the list correctly and populates the grid, but when I update an item in the Kendo UI Grid the following error is returned by the REST end point.

The property '__deferred' does not exist on type 'SP.SecurableObject'. Make sure to only use property names that are defined by the type.

This is caused by the Data Source returning all the properties from the initial read request and then returning in the update command. SharePoint returns __deferred properties with a REST url to defer loading, but is throwing a wobbly if they are returned back in an update command.
Below is my Data Source

01.var dataSource = new kendo.data.DataSource({

02. type: "odata",

03. transport: {

04. read: {

05. url: listUrl,

06. type: "GET",

07. dataType: "json",

08. contentType: "application/json;odata=verbose",

09. headers: {

10. "accept": "application/json;odata=verbose"

11. }

12. },

13. create: {

14. url: listUrl,

15. type: "POST",

16. dataType: "json",

17. contentType: "application/json;odata=verbose",

18. headers: {

19. "accept": "application/json;odata=verbose",

20. "X-RequestDigest": $("#__REQUESTDIGEST").val(),

21. }

22. },

23. update: {

24. url: function (data) {

25. return listUrl + "(" + data.ID + ")";

26. },

27. beforeSend: function (jqXhr, options) {

28.

29. var data = JSON.parse(options.data);

30.

31. jqXhr.setRequestHeader("If-Match", data.__metadata.etag);

32.

33. },

34. type: "POST",

35. dataType: "json",

36. contentType: "application/json;odata=verbose",

37. headers: {

38. "accept": "application/json;odata=verbose",

39. "X-RequestDigest": $("#__REQUESTDIGEST").val(),

40. "X-HTTP-Method": "MERGE"

41. },

42. },

43. destroy: {

44. url: function (data) {

45. return listUrl + "(" + data.ID + ")";

46. },

47. type: "DELETE",

48. dataType: "json",

49. contentType: "application/json;odata=verbose",

50. headers: {

51. "accept": "application/json;odata=verbose",

52. "X-RequestDigest": $("#__REQUESTDIGEST").val(),

53. "X-HTTP-Method": "MERGE",

54. "If-Match": "*"

55. }

56. }

57. },

58. pageSize: 20,

59. schema: {

60. data: "d.results",

61. model: {

62. id: "ID",

63. fields: {

64. ID: { editable: false, nullable: false },

65. Title: { validation: { required: true } },

66. Body1: { validation: { required: true } },

67. Votes: { type: "number", validation: { required: true, min: 1 } },

68. }

69. }

70. }

71. });

Any idea what I can do to only return the fields that are updateable.
Cheers

Data Source

answered on 09 May 2013

1 answer

25 views

Does stockchart support intraday ?

You have daily chart demo. Does it also support intraday (from 1 min, 5, ... to hours)

General Discussions

answered on 09 May 2013

1 answer

274 views

Issue with number formatting with a custom format "#,##0.00##"

We have a need to for decimal formatting with a minimum of 2 decimals and a maximum of 4. However there's a 'small' rounding bug.

This:
kendo.toString(1.23126, "#,##0.00##")

Returns:
1.2313
(as expected)

However, this:
kendo.toString(1.23125, "#,##0.00##")

Returns:
1.2312

Which is clearly not expected. Because when you do this:
kendo.toString(1.235, "#,##0.00")

It returns:
1.24

This was tested using Chrome 26.somthing :)

General Discussions

answered on 09 May 2013

1 answer

90 views

Kendo uploader IE10 Asynchronous Upload not working

On Your Demo Page : http://demos.kendoui.com/web/upload/async.html

I try uploading a normal jpeg image and it just sits there a spins. Never Uploads the file. It never even breaks on the success function or the error function.

If i don't use asynchronous upload, it works.

All My IE10 settings security settings are turned down to medium.
My version is Windows 7 IE10 10.0.9200.16540

Works on every other browser and all older IE Versions. See screen grab of what i am seeing.

Upload

answered on 09 May 2013

2 answers

96 views

addRow() method throwing exception

The addRow method is throwing "Object doesn't support this property or method" when running with IE 8.0.7601.17514

Run the attach solution.
Click Add Customer button.
In the popup enter 123456789 for Sage Customer Number and Test for Customer.
Click the X command at the top right of the popup dialog to cancel the addition.
Click Add Customer button and alert pops up indicating "Object doesn't support this property or method"

This code works properly in IE 9 & 10, Chrome(26.0.1410) and Firefox(20.0.1)

Grid

answered on 09 May 2013