All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:
Basically you should just add ListView control inside Kendo Window content and open the window. Please check the example below: Html:
<
div
id
=
"windowId"
>
<!-- Window content -->
"listView"
></
</
<!-- ListView template -->
script
type
"text/x-kendo-tmpl"
"template"
class
"twit"
a
"t-link"
href
"http://www.twitter.com/${from_user}"
title
"${from_user}"
><
img
width
"48"
height
src
"${profile_image_url}"
alt
/></
p
>${text}</
//ListView dataSource
var
dataSource =
new
kendo.data.DataSource({
transport: {
read: {
url:
"http://search.twitter.com/search.json"
,
contentType:
"application/json; charset=utf-8"
type:
"GET"
dataType:
"jsonp"
data: {
q:
"#kendoui"
}
},
schema: {
data:
"results"
total:
"results_per_page"
});
//ListView initialize
$(
"#listView"
).kendoListView({
dataSource: dataSource,
template: kendo.template($(
"#template"
).html())
mywindow =
""
;
// window initializing
mywindow = $(windowId).kendoWindow({
actions: [
"Close"
],
draggable:
true
height:
"550px"
modal:
resizable:
title:
"ListView inside KendoWindow"
width:
"650px"
visible:
false
//Open the initialized Window on button click
function
openWindow()
{
if
($(windowId).data(
"kendoWindow"
)) {
window = $(windowId).data(
)
window.center();
window.open();