or
total:
function
(result) {
return
this
.data(result).length;
My XML:
My XML:<?
xml
version
=
"1.0"
encoding
=
"utf-8"
?>
<
CatalogOfMovieItem
xmlns:xsd
=
"http://www.w3.org/2001/XMLSchema"
xmlns:xsi
=
"http://www.w3.org/2001/XMLSchema-instance"
>
<
CreateDate
>2010-09-28T01:43:50.6860364+02:00</
CreateDate
>
<
ItemList
>
<
MovieItem
>
<
Foldername
>My.Family</
Foldername
>
....
My Datasource:
var
ds =
new
kendo.data.DataSource({
transport: {
read:
"Data/movies.xml"
},
schema: {
type:
"xml"
,
data:
"/CatalogOfMovieItem/ItemList/MovieItem"
,
model: {
fields: {
title:
"Foldername/text()"
,
rootFolder:
"Rootfolder/text()"
,
url:
"ImdbUri/text()"
,
year:
"Year/text()"
}
}
},
change: onMovieChange
});
The datasourcce seems to be loaded correctly.
Where could be the problem?
Thanks
Eric
$("#devType").closest("k-widget").hide();
Hi!
I am using standard Kendo UI code from the slides withing Komodo Edit as ADE and Opera as browser.
Can anyone please tell me if it is possible and how to insert an image file .png .jpg etc icons into a column in Grid?
Thanks,
UPDATE: Since posting this issue I found the relevant video tutorial on Youtube which describes in intricate detail how to use templates to insert pictures into a grid, and I made it work. Great stuff!
http://youtu.be/gVu79Sh6Lpg
<
html
>
<
head
>
<
script
type
=
'text/javascript'
src
=
'http://code.jquery.com/jquery-1.7.1.js'
></
script
>
<
link
rel
=
"stylesheet"
type
=
"text/css"
href
=
"http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css"
>
<
link
rel
=
"stylesheet"
type
=
"text/css"
href
=
"http://cdn.kendostatic.com/2011.3.1129/styles/kendo.blueopal.min.css"
>
<
script
type
=
'text/javascript'
src
=
"http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"
></
script
>
<
script
type
=
"text/javascript"
>
$(document).ready(function() {
tabStrip = $("#tabStrip").kendoTabStrip({
contentUrls: [
'Home.html', null, null
]
});
});
</
script
>
</
head
>
<
body
>
<
div
id
=
"tabStrip"
>
<
ul
>
<
li
class
=
"k-state-active"
id
=
"Home"
>Home</
li
>
<
li
id
=
"People"
>Meet Our People</
li
>
<
li
id
=
"Office"
>In The Office</
li
>
</
ul
>
<
div
>
</
div
>
<
div
>Hello</
div
>
</
div
>
</
body
>
</
html
>
columns: [
{field:
'SKUId'
,
width: 150,
title:
'SKU'
,
template:
'<div id="skulookup_#= promotionskuId #" onreadystatechange="PromotionalSKUs.setupSKULookup(this)" />'
}
]function
setupSKULookup(element) {
if
(element.readyState ==
"complete"
)
$(element).lookup({});
}
$(document).ready(function () { $("#timeshiftDatePicker").kendoDatePicker({ max: "01/05/2012", min: "08/12/2011", value: "12/30/2011" }); });