Questions on Kendo UI for jQuery Forum

1 answer

232 views

When using the editor it seems to be double spacing everything after I hit enter. looking at the editors html it appears to be wraping each line in <p></p> tags. Looking at the demos I see the text is not double spaced. The only way I've found to avoid this behavior is to paste in the text. I've attached some images to show what I'm talking about.

Editor

answered on 27 Jun 2012

2 answers

203 views

d.wrapper.on is not a function

I just upgraded my KendoUI CSS classes and javascript files from 2011.3.1129 to 2011.3.1407 and started getting this error.

I'm using ASP.NET MVC 3 and I updated my StyleSheetsRegistrar and ScriptRegistrar to reference the new folders. When I change them back to the 1129 version the errors go away.

Is anyone else getting these errors?

I'm getting them when I'm loading a view that has both a Kendo DropDownList and a Kendo TreeView on it.

Thanks,

King Wilder

General Discussions

answered on 27 Jun 2012

1 answer

424 views

How to set focus on required field for list view

hi,
I have a list view.Inside that i have different fields including text boxes and drop downs.when i select edit mode the focus going to the first field that is text box in my case.I want to set the focus in which ever field i click on,but not on first field by default.Is setting the focus on required field is possible for List view.
Please suggest me any sample or example on how to do this

Thanks

ListView

answered on 27 Jun 2012

2 answers

183 views

Using the oData $expand parameter

I am having a great time exploring the Keno UI Controls and framework. I am particularly interested in developing business apps. We have an existing oData Service which I would like to leverage. Can anyone tell me how I can use the $expand parameter to force oData to include a sub-entities in the result from a dataSource.

Thanks

Data Source

answered on 27 Jun 2012

3 answers

157 views

Jsonp datasource : Invalid label d:

Hi all,

Hope someone can point me in the right direction because this is driving me crazy...

I'm trying to bind a grid to an asp.net WCF service on another domain using jsonp.

The data returned by the WCF service is like localData in the code below. Databinding succeeds when binding the grid to the localData, but if i change to the raDataSource it gives an error. In firebug it says: "invalid label {"d":[etc " .

I found a number of posts on the forum saying to add schema { data: "d" } to the datasource but i keep getting the same error.

var localData = {"d":[{"__type":"type1","ClassNbr":"5","SiteName":"Name1","Train":"Train1"},{"__type":"type1","ClassNbr":"4","SiteName":"Name2","Train":"Train2"}]};

var raDataSource = new kendo.data.DataSource({

type: "odata",

transport: {

read: {

type: "GET",

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

url: dataUrl,

dataType: "jsonp",

jsonp: true,

jsonpCallback: 'callback'

}

},

data: {

siteID: si,

cceMode: mode,

endDate: encodeURIComponent(endDate),

Accept: "application/json"

},

error: function (e) {

alert("Error: " + e);

},

schema: {

data: "d"

},

model: {

fields: {

SiteName: { type: "string" },

Train: { type: "string" }

}

});

$("#grid").kendoGrid({

dataSource: raDataSource ,

height: 360,

columns: [

{ field:"SiteName" },

{ field:"Train" },

],

dataBound: function() { alert('bound');},

});

Any idea's?

Kind regards,
Tycho

Data Source

answered on 27 Jun 2012

0 answers

186 views

Bind data to control through Remote binding

Hi,

I have a prolem while assigning data to control which is generated from another page. While routing to another page, I am not able to assign the selcted value to a text box.

Please help me in this regard. Code is below here:

@{
    ViewBag.Title = "TaskDetailListView";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
    <div id="formcontainer">
        <div id="demo">
     Order ID: <input data-bind="value: OrderID" /><br />
     Shipment Name: <label data-bind="text: ShipName" ></label>
</div>

</div>

$(document).ready(function () {

var productsSource = new kendo.data.DataSource({

transport: {

read: {

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

type: "GET",

dataType: "json",

url: "http://localhost:23794/api/Task/TaskItem"

}

},

schema: {

total: function (result) {

alert(JSON.stringify(result));

},

model: {

id: "OrderID",

fields: {

OrderID: { type: "number" },

ShipName: { type: "string" }

}

});

var viewModel = kendo.observable({

dataSource: productsSource

});

productsSource.fetch();

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

});

</script>

MVVM

asked on 27 Jun 2012

2 answers

163 views

Customize Gauge Niddle

Hi there,

Can i know, how to customize Radial Gauge Niddle color?

Thanks,
Rajesh.C

LinearGauge

answered on 27 Jun 2012

3 answers

114 views

Problem with grid and edtiable options

Hello

i have an issue with the grid and the editable options.

this fiddle works fine http://jsfiddle.net/hansdampf10/nPXey/1/

In the config editable: true works fine.

I want to change the confirmation message on deletion so i changed config to this

editable: {
update: true, // puts the row in edit mode when it is clicked
destroy: true,
confirmation: "Custom message"
}

when i do this, the grid is not editable anymore and i can't add new entries. You can see the problem in this fiddle
http://jsfiddle.net/hansdampf10/JFnj6/1/

Grid

answered on 27 Jun 2012

1 answer

233 views

ListView template becomes empty

Hello,

I try to use the ListView widget according to the documentation.
I created a list in my HTML as following:
<ul id="listView"></ul>

Then, I copy-pasted the example in the demo:

$("#listView").kendoListView({
dataSource: {
data: [{title: "Star Wars: A New Hope", year: "1977"}, {title: "Star Wars: The Empire Strikes Back", year: "1980"}]
},
template: "<li>${title} ${year}</li>"
});

But when I run it, the code in the browser looks like this:

$("#listView").kendoListView({

        dataSource: {

        	data: [{title: "Star Wars: A New Hope", year: "1977"}, {title: "Star Wars: The Empire Strikes Back", year: "1980"}]

},

		 template: "<li> </li>"

});

as You can see, the template is empty for some reason...

I also noticed that in the examples the template is sometimes inside the dataSource property, like this:
dataSource: {
data: [{title: "Star Wars: A New Hope", year: "1977"}, {title: "Star Wars: The Empire Strikes Back", yearI : "1980"}],
template: "<li>${title} ${year}</li>"
}

And sometimes like in my first code example, I wonder what is the correct syntax?.. (I tried both.. Same result with the template)

I wonder what am I doing wrong?

Any help would be appreciated.
Thanks,
Irit.

ListView

answered on 27 Jun 2012

5 answers

2.0K+ views

How to validate a number field which must be integer?

there is a number field name "SiteHits". For this field ,I define validation as below:

validation:{

required:true,

min:1,

digits:true

}

I also include jquery(version 1.7.1) and jquery-validate(version 1.9.0).
it seems "digits" is not useful.

Does the problem cause by jquery ?
OR
Does KendoUI not support "digits" validation?

Hope the solution for it, thanks!

Grid

answered on 27 Jun 2012