Questions on Kendo UI for jQuery Forum

1 answer

95 views

Swipe Events - undocumented and causing trouble

It appears that when I include kendo.web.min.js in my project, it registers several events to pretty much every object on the page.

e(["swipe","swipeLeft","swipeRight","swipeUp","swipeDown","doubleTap","tap"]

This doesn't seem to affect desktops, but on my iPad it prevents me from registering my own .swipe handler using jQuery.

If I write out the function that is bound on the ipad only I get:

function(a) { return this.bind(c,a);}

On the desktop, i get whatever function I assigned to .swipe / etc.

It would seem to be that Swipe events need to officially documented OR they need to not be bound to everything.

Please don't just reply and say "look @ the drag & drop API because it uses this stuff internally". I know it does and I don't see swipe documented there.

Thanks!

General Discussions

answered on 19 May 2012

1 answer

85 views

Is version 1.515 officially out ?

I notice the demo pages are now using

<link href="http://cdn.kendostatic.com/2012.1.515/styles/kendo.common.min.css" rel="stylesheet"/>
<link href="http://cdn.kendostatic.com/2012.1.515/styles/kendo.default.min.css" rel="stylesheet"/>
<link href="http://cdn.kendostatic.com/2012.1.515/styles/kendo.dataviz.min.css" rel="stylesheet"/>
<script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.all.min.js"></script>

However, the Get KendoUI "OpenSource License GPL V3" button (http://www.kendoui.com/get-kendo-ui/download-kendo.aspx?pId=900&lict=3) is downloading version 1.322

General Discussions

answered on 19 May 2012

3 answers

198 views

[Solved] Globalization issue while Date Formating

Hello,
I am facing issue while formating string date to right format.
Following is my code:

return kendo.toString(new Date(2010,04,17), "MM/dd/yyyy");<BR>

It return me date as 05/17/2010

So it as adding a day in result, I am not setting any specific culture as I want Kendo to check my current thread cluture and use it for conversion.

Can someone please let me know the cause behind this?

Globalization

answered on 18 May 2012

2 answers

235 views

Update Gauge Series on Timer

Hello,

I have a gauge that has values that are retrieved via a web service. The gauge is initially created successfully, but when my timer runs, the object that the series are bound to get updated, but the UI doesn't change.

Is there something I can do to get the UI to refresh that doesn't involve the flickering that I get when I call redraw or I recreate the gauge?

Here is my code:

The first code only updates the pointer value, but I also might want the range values to change.

function ServiceSucceeded(result) {

//alert('Service call succeeded');

// = result.d.Pointer;

Current = result.d;

$("#radial-gauge1").data("kendoRadialGauge").value(Current.Pointer);

}

function createGauge() {

$("#radial-gauge1").kendoRadialGauge({

pointer: {

value: Current.Pointer

},

scale: {

majorUnit: 10,

minorUnit: 3.5,

min: Current.Start,

max: Current.Size,

ranges: [

{

from: Current.Start,

to: Current.RedWidth,

color: "red"

}, {

from: Current.RedWidth,

to: Current.RedWidth + Current.YellowWidth,

color: "yellow"

}, {

from: Current.RedWidth + Current.YellowWidth,

to: Current.GreenWidth + Current.YellowWidth + Current.RedWidth,

color: "green"

}]

}

});

}

LinearGauge

answered on 18 May 2012

1 answer

403 views

Assign values to multiple fields in editor function?

I have editors setup for a few columns in my grid. The editors use a dropdown list and data-bind to a value field, which is an id (integer). This id field is different than the string field used to display the text in that column when it is not in edit mode. My SQL table needs the lookup id, not the text. Because of this, when I add a new record, these columns are blank and if I edit a row, the text on those columns does not change unless I refresh the page. To resolve this, I think I need one of two things to happen, but I'm not sure how to do either.

- The best solution would be to be able to update both fields in the editor function. The only examples that I see use the data-bind in the input dropdown item to update a single field. Is there a way to change the value of other fields in the editor function? Here is one of my editor functions. How can I populate another field called SecondaryVoltage with the selected data-text-field string from the dropdownlist.

function secondaryVoltageEditor(container, options) {

$('<input data-text-field="Voltage" data-value-field="id" data-bind="value:SecondaryVoltageID" />')

.appendTo(container)

.kendoDropDownList({

autoBind: false,

dataSource: voltageDataSource

});

}

- The other less desirable solution would be to refresh the grid after a create or update which will lookup the text value associated with the id, but I'm not sure how to do that either.

Grid

answered on 18 May 2012

1 answer

182 views

parameterMap for objects with multiple Arrays (Composite pattern) for ASP.NET MVC 3

We are using kendoUI - dataSource to hold objects, that are implemented with composite pattern. Those build up a tree-structure using multiple arrays. Our object looks like this:

public class FilterConstraint

{

public Guid Id { get; set; }

public Operator Op { get; set; }

public string Field { get; set; }

public string Value { get; set; }

[XmlArray("FilterConstraints")]

[XmlArrayItem("FilterConstraint")]

public List<FilterConstraint> FilterConstraints { get; set; }

}

Transferring this object from javascript back to MVC3 caused problems on server-side binding.
We found a solution within the kendoUI_TodoList Sample. They used the parameterMap within the transport configuration item on the datasource to map response for MVC3-Databinding:

parameterMap: function (data, type) {

if (type != "read") {

var items = {};

$.each(data.models, function (index, item) {

for (var key in item) {

items["[" + index + "]" + "." + key] = item[key];

}

});

return items;

}

},

Nice solution, but it is just working for the first level of the tree. Therefore we came up with a recursive solution, we want to share with you. Just insert the following code snippet inside the transport configuration item of your datasource:

recursiveParameterMap: function (models, items, parentArray, context) {

$.each(models, function (index, item) {

for (var key in item) {

if (item[key] != null && item[key].push) {

context.options.recursiveParameterMap(item[key], items, parentArray + "[" + index + "]" + "." + key, context);

}

else {

items[parentArray + "[" + index + "]" + "." + key] = item[key];

}

});

},

parameterMap: function (data, type) {

if (type != "read") {

var items = {};

this.options.recursiveParameterMap(data.models, items, "", this);

return items;

}

},

Hopefully this helps someone out there ;-)

best regards,
Reinhard and Stefan

Data Source

answered on 18 May 2012

1 answer

288 views

Style documentation

Hello,

I just took a look at your menu example and for some reason, the menu thiner by about 50% in your example.

I'm a javascript / kendoui newbie and I can't understand how to change the style for my menu. I guess it's in a css file that isn't displayed in the demo source code but I might be wrong.

Is there any documentation about the CSS file and how I can change the height of the menu?

Best regards,

Simon

Menu

answered on 18 May 2012

1 answer

162 views

[Solved] Stack and group chart function request

Good morning,

Is there is any way for a stack chart to let every stacked bar start from 0 in Axis?, and display in front the bar with less value overlapped with the one with greater value on the back?

The default functionality is displayed on kendo2.jpg and the desire graph is displayed on kendo1.jpg.

Thanks for your help.

Charts

answered on 18 May 2012

1 answer

345 views

Error during serialization or deserialization using the JSON JavaScriptSerializer.

hi this is my code:

<WebMethod()>

Public Shared Function Pcpacking() As IEnumerable(Of Packing)

Dim db As New STOREEntities

Return db.PC_PACKING_HISTORIES. _

Where(Function(q) q.PACK_DATE > "1388/11/07"). _

Select(Function(q) New Packing _

With {.Packdate = q.PACK_DATE,

.Packserialnumber = q.PACK_SERIAL_NUMBER,

.Netweight = q.NET_WEIGHT,

.Packusername = q.PACK_USER_NAME}).ToList()

End Function

$(function () {

$("#grid").kendoGrid({

height: 200,

columns: [

{ field: "Packserialnumber", width: "150px" },

{ field: "Netweight", width: "50px" },

{ field: "Packusername", width: "150px" },

{ field: "Packdate", width: "100px" }

],

editable: false,

dataSource: {

schema: {

data: "d",

model: {

id: "Packserialnumber",

fields: {

Packserialnumber: { editable: false, nullable: true },

Netweight: { type: "number", validation: { required: true, min: 1} },

Packusername: { validation: { required: true} },

Packdate: { validation: { required: true} }

}

},

batch: false,

transport: {

read: {

url: "Default.aspx/Pcpacking",

contentType: "application/json; charset=utf-8",

type: "POST"

}

});

when q.pack_date > "1388/11/07" everything works well and query retrive 366. if i change date(q.pack_date > "1388/11/06" 1219 records) getting error:
{"Message":"Error during serialization or deserialization using the JSON JavaScriptSerializer.
The length of the string exceeds the value set on the maxJsonLength property.
","StackTrace":"   at System.Web.Script.Serialization.JavaScriptSerializer.
Serialize(Object obj, StringBuilder output, SerializationFormat serializationFormat)\r\n
    at System.Web.Script.Serialization.JavaScriptSerializer.Serialize(Object obj,
     SerializationFormat serializationFormat)\r\n
       at System.Web.Script.Services.RestHandler.InvokeMethod(HttpContext context,
        WebServiceMethodData methodData, IDictionary`2 rawParams)\r\n
         at System.Web.Script.Services.RestHandler.ExecuteWebServiceCall(HttpContext context, WebServiceMethodData methodData)",
         "ExceptionType":"System.InvalidOperationException"}

sorry for my bad english

Data Source