Questions on Kendo UI for jQuery Forum

4 answers

111 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

103 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

83 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

345 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

230 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

23 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

265 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

87 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

94 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

4 answers

1.2K+ views

Consuming a .NET JSON web service

Hi;

I'm building a .NET web service that my application will consume. I've built the service to deliver JSON data. Using the .NET serializer the data looks like this:

<string xmlns="http://yaddayaddayadda.com/">

[{"title":"Stuff","value":"Here's some stuff"}]

</string>

Here's the web service:

[WebService(Namespace = "http://yaddayaddayadda.com/")]

[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

[System.ComponentModel.ToolboxItem(false)]

[ScriptService]

public class websiteWebService : System.Web.Services.WebService

{

[WebMethod]

[ScriptMethod(ResponseFormat = ResponseFormat.Json)]

public string GetStuff(int stuff_id)

{

SqlConnection connection = new SqlConnection(ConfigurationManager.ConnectionStrings["stuff"].ConnectionString);

connection.Open();

SqlCommand command = new SqlCommand("o_get_stuff", connection);

command.CommandType = CommandType.StoredProcedure;

command.Parameters.AddWithValue("@stuff_id", stuff_id);

SqlDataReader dr = command.ExecuteReader();

DataTable dt = new DataTable("Stuff");

dt.Load(dr);

dr.Close();

connection.Close();

List<Dictionary<string, object>> rows =

new

List<Dictionary<string, object>>();

Dictionary<string, object> row =

new

Dictionary<string, object>();

foreach (DataRow datarow in dt.Rows)

{

row = new Dictionary<string, object>();

foreach (DataColumn col in dt.Columns)

{

row.Add(col.ColumnName, datarow[col]);

}

rows.Add(row);

}

JavaScriptSerializer serializer = new JavaScriptSerializer();

string jsonData = serializer.Serialize(rows);

return jsonData;

}

Here is my javascript as it stands:

<script type="text/javascript">

$(document).ready(function () {

$("#stuffSelector").kendoDropDownList({

dataTextField: "title",

dataValueField: "value",

dataSource: {

transport: {

read: {

contentType: "application/json",

type: "POST",

url: "http://localhost:23035/Services/websiteWebService.asmx/GetStuff",

data: {

stuff_id: "0"

}

});

</script>

The problem I have is that the data array is wrapped in a <string>. How do I modify my datasource (or the web service) to provide just the array so that I can directly read the "title" and "value"? I'd like to drop something into the datasource schema but I don't know what will strip off the <string>.

Thanks!

Data Source

answered on 08 May 2013