Questions on Kendo UI for jQuery Forum

0 answers

61 views

The back button on device needs to be modified....when using an iPad you can see the clear delineation where a triangle is joined to a rectangle....this becomes even more so when viewing on Android device where the triangle is darker....does not look good.

Can this be improved?

Thanks
D

General Discussions

asked on 19 May 2012

1 answer

104 views

Grid detail template outside grid

Is it possible to have a detailTemplate outside the grid. If so can some please provide me an example.

Regards Jos.

Grid

answered on 19 May 2012

1 answer

161 views

Menu image position

Hello,

Is there a way to set the position of an image in relation to the text on a menu item? It looks like the image defaults to the left of the text. For my project I would like the image to show above the text. Is this possible?

Thanks for your assistance!

Regards,
Brian

Menu

answered on 19 May 2012

1 answer

94 views

WYSWYG editors: Aloha, BlueGriffin, CKedit - which?

My layout is getting more involved, and I no longer am comfortable doing this all in javascript. I need an IDE for styling and layout of my splitters, tabs and panelbars (wish I had a Silverlight GridLayout!).

I have JetBrians Webstorm for the javascript environment. I have VS2010 and WebExpressions (but I am not happy with either their Javascript or WebLayout offerings). I see nothing special coming in the Blend or VS11 betas. (do you?)

What I am now looking at is other offerings that work well with KendoUI. I tried BlueGriffen yesterday and it seems ok. Not much documentation. What about Aloha CKedit , Maqette (blocked by firewall) etc. What I want is something simple and fits compactly in my brain with a clean metaphor but powerful enough for HTML5 and CSS3 styling.

(I miss Blend and Silverlight, but there is no going back now).

General Discussions

answered on 19 May 2012

1 answer

83 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

71 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

140 views

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

204 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

370 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

155 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) {