Questions on Kendo UI for jQuery Forum

2 answers

191 views

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

412 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

176 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

153 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

182 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

154 views

Customize Gauge Niddle

Hi there,

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

Thanks,
Rajesh.C

Gauges

answered on 27 Jun 2012

3 answers

109 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

227 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

1.9K+ 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

1 answer

200 views

asp.net dropdownlist auto postback failing in chrome

I'm evaluating the use of kendoUI for a new project. i've placed an asp.net dropdownlist on a blank page and wired up the databind and postback event on the aspx.cs code behind.

    <asp:DropDownList ID="comboBox" runat="server" 
    DataTextField="monthfullname" DataValueField="mthid" CssClass="k-combobox" 
    AutoPostBack="true" onselectedindexchanged="comboBox_SelectedIndexChanged">
    </asp:DropDownList>

and the js on document ready

    <script type="text/javascript">
        $(document).ready(function () {
            $(".k-combobox").kendoComboBox();
        });
    </script>

i've tried it on IE8 and it works fine, but on chrome the postback is giving me the "Aw, Snap!" page. what could be the issue?

i've disabled all extensions on chrome already but to no effect.

PS: i'm developing on localhost

ComboBox

answered on 27 Jun 2012