Questions on Kendo UI for jQuery Forum

1 answer

117 views

Hi, I would like to now if there is Chart support for Android 2.3.4?

After testing on different devices we found that devices running Android 2.3.4 do not show the charts.

Thanks in advance.

Charts

answered on 11 May 2012

2 answers

311 views

Create - What is the expected server response?

I have a KendoUI grid which is getting data from an ASP.NET MVC application. The grid populates itself fine but I'm having problems with the create function.

The data is correctly sent to the controller action and the object persisted to the database but I'm unsure as to what I'm supposed to return. Currently I'm returning the object but I'm getting a Javascript error on the client "Uncaught TypeError: Cannot read property 'length' of undefined". The result is the new entry in the grid remains with a "null" Id value and the Name field has a red triangle on the top-left corner.

Controller Action:

[HttpPost]

public JsonResult Create(Department dept)

{

_session.Store(dept);

_session.SaveChanges();

return Json(dept);

}

Grid configuration:

$(document).ready(function () {

$("#grid").kendoGrid({

dataSource: {

type: "json",

serverPaging: true,

pageSize: 10,

batch: false,

transport: {

read: {

url: "Departments/GetAll",

dataType: "json"

},

create: {

url: "Departments/Create",

type: "post",

dataType: "json"

}

},

schema: {

data: "Departments",

total: "TotalCount",

model: {

id: "Id",

fields: {

Id: {

type: "number",

editable: false,

nullable: true

},

Name: {

editable: true,

nullable: false,

validation: {

required: true

}

},

height: 400,

toolbar: ["create"],

pageable: true,

columns: [

{

field: "Id",

title: "Dept Id"

},

{

field: "Name",

title: "Name"

}

],

editable: {

mode: "popup",

update: false,

destroy: false

}

});

Grid

answered on 11 May 2012

1 answer

165 views

Theme and style

Hi, I am new to Kendo UI. I have just tried to integrate it into my app which is using jQuery UI now (since some widgets such as Accordion is missing in Kendo UI). I know there is a Theme builder which is able to fine-tune the style of Kendo widgets. May I know how to style to basic HTML controls such as Input (text, radio), Textarea and button etc?

Thank you.

General Discussions

answered on 11 May 2012

5 answers

443 views

Custom Validation Does Not Work

[Edited] Ok, rephrasing this question after looking at it again. I'm trying to use both the HTML5 validation, and then also add one extra check that password and password-confirm contain the same value. It is working now, however, the message for that extra validation is not overriding the validationMessage value. Is there a straightforward way to do this?

And again, your documentation is a nice start, but it really needs more complete examples, and thorough coverage of options and capabilities. Thanks.

<html>

<head>

<link href="http://cdn.kendostatic.com/2011.3.1407/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />

<link href="http://cdn.kendostatic.com/2011.3.1407/styles/kendo.default.min.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

<script type="text/javascript" src="http://cdn.kendostatic.com/2011.3.1407/js/kendo.all.min.js"></script>

</head>

<body>

<form id="foo-form" name="foo-form" action="/foo" method="get">

<select id="test-combo" multiple="multiple">

<option value="1">Option 1</option>

<option value="2">SmOption 2</option>

<option value="3">BlOption 3</option>

<option value="4">GOption 4</option>

</select>

<br />

<label for="org" class="required">Organization</label>

<input id="org" name="org" required="required"

type="text" validationMessage="Organization required" />

<span class="k-invalid-msg" data-for="org"></span><br />

<label for="zip" class="required">Zip Code</label>

<input id="zip" name="zip" pattern="\d{5}([\-]\d{4})?" required="required"

type="text" validationMessage="Valid zip code required" />

<span class="k-invalid-msg" data-for="zip"></span><br />

<label for="fullname" class="required">Name</label>

<input id="fullname" name="fullname" required="required"

type="text" validationMessage="Please enter full name" />

<span class="k-invalid-msg" data-for="fullname"></span><br />

<label for="email" class="required">Email</label>

<input id="email" name="email" required="required"

type="email" validationMessage="Valid email required" />

<span class="k-invalid-msg" data-for="email"></span><br />

<label for="password" class="required">Password</label>

<input id="password" name="password" required="required"

type="password" validationMessage="Please enter password" />

<span class="k-invalid-msg" data-for="password"></span><br />

<label for="password-confirm" class="required">Confirm Password</label>

<input id="password-confirm" name="password-confirm" required="required"

type="password" validationMessage="Please confirm password" />

<span class="k-invalid-msg" data-for="password-confirm"></span><br />

<input id="register-submit" name="register-submit" type="submit" value="Sign Up" />

</form>

<script type="text/javascript">

$(document).ready(function(){

$("#test-combo").kendoComboBox({

filter: "contains",

suggest: true,

});

$("#foo-form").kendoValidator({

rules: {

verifyPasswords: function(input){

var ret = true;

                             if (input.is("[name=password-confirm]")) {

                                 ret = input.val() === $("#password").val();

                             }

                             return ret;

}

},

messages: {

verifyPasswords: "What's going on?"

}

});

</script>

</body>

Validation

answered on 10 May 2012

0 answers

98 views

ThemeBuilder Appears Broken

This was a Firewall issue.

General Discussions

asked on 10 May 2012

1 answer

134 views

IE10 DatePicker doesnt work properly

Hey,

currently I am developing for IE10 and I think I discovered a bug.
Clicking the currently selected month usually displays an overview of all months of the selected year. If you click on the year again, you will see an overview of decades and centuries after an additional click. But this doesnt work in IE10, the popup just stays empty after clicking the selected month, do you know why? Could you fix this?

I think I dont have to provide a sample, because you can see this behaviour with your very own datepicker demo.

Greetingz.

DatePicker

answered on 10 May 2012

1 answer

68 views

Widen Color Bands on Radial Gauge?

Is there a way to specify the width of the colored ranges on a radial gauge?

LinearGauge

answered on 10 May 2012

1 answer

318 views

Adding Values to tooltip, color changing, disableing the point.

Hey,
saving Your time I`ll try to ask several questions in one thread.

So I`m trying to do the same with the tooltip - to display something in addition to the default tooltip.

So default is that the tooltip displays the value of the point, I added to display the date like this:

tooltip: {
visible: true,
format: "{0:N0}",
template: "#= dataItem.Date #"
}

But then it only shows the date but not the value any more. Any advice ?

Ideally I would like to see the name value and date in the tooltip.

name being written when adding the series :
series:
[{
field: "Value1",
name: "GP3-PT-270517.PV_IND"
},
{
field: "Value2",
name: "Name2"
},

Interesting thing is that when i generate json file and the field name is "GP3-PT-270517.PV_IND" it doesnt work, hence i had to rename it to Value1, Value 2 and so on. Why is that ? json doesnt like " -, , ._" ?

I couldn`t find how to change the colour of the lines on my chart ? hwo to change the width of the line and how disable the round circles on the line.

Thank You in advance,
Much Aprech,
N

Charts

answered on 10 May 2012

0 answers

128 views

Fallbackvalue?!

Hey,

while binding, is there any way to define something like a fallbackvalue, in case the property is undefined? Using Json and a documentbased database it is possible that some properties are not set, when binding happen.
And what about binding an input to a non-existing property of an object, will it be updated, when someone fill in the input?

Greetingz

Kevin

MVVM

asked on 10 May 2012

3 answers

340 views

Server paging and ListView's loadMore

In odata __next is specified to let the datasource know how to request more results. I'm using hand rolled json and my listview isn't showing the loadmore button. What do I need to do to let it know it should request the same URL but increment the page number?

$("#searchResultsListView").kendoMobileListView({

dataSource: ds,

template: "#= f #",

headerTemplate: "${value}",

loadMore: true

});

var ds = new kendo.data.DataSource({

transport: {

read: {

url: "http://localhost:3000/api/anagram",

dataType: "jsonp",

data: {