Hello,
This is my new configuration.
Problem is not resolved.
This is my View "About" who is in my MVC application.
@{
ViewBag.Title =
"About Us"
;
}
<div data-role=
"view"
id=
"flat"
data-init=
"mobileListViewDataBindInitFlat"
data-title=
"ListView"
data-layout=
"databinding"
>
<ul id=
"flat-listview"
></ul>
</div>
<div data-role=
"view"
id=
"grouped"
data-init=
"mobileListViewDataBindInitGrouped"
data-transition=
""
data-title=
"ListView"
data-layout=
"databinding"
>
<ul id=
"grouped-listview"
></ul>
</div>
<div data-role=
"layout"
data-id=
"databinding"
>
<header data-role=
"header"
>
<div data-role=
"navbar"
>
<span data-role=
"view-title"
></span>
<a data-align=
"right"
data-role=
"button"
class=
"nav-button"
href=
"#index"
>Index</a>
</div>
</header>
<div data-role=
"footer"
>
<div data-role=
"tabstrip"
>
<a href=
"#flat"
data-icon=
"stop"
>Flat</a>
<a href=
"#grouped"
data-icon=
"organize"
>Grouped</a>
</div>
</div>
</div>
<script>
var
groupedData = [
{ name:
"Sashimi salad"
, letter:
"S"
},
{ name:
"Chirashi sushi"
, letter:
"C"
},
{ name:
"Seaweed salad"
, letter:
"S"
},
{ name:
"Edamame"
, letter:
"E"
},
{ name:
"Miso soup"
, letter:
"M"
},
{ name:
"Maguro"
, letter:
"M"
},
{ name:
"Shake"
, letter:
"S"
},
{ name:
"Shiromi"
, letter:
"S"
},
{ name:
"Tekka maki"
, letter:
"T"
},
{ name:
"Hosomaki Mix"
, letter:
"H"
},
{ name:
"California rolls"
, letter:
"C"
},
{ name:
"Seattle rolls"
, letter:
"S"
},
{ name:
"Spicy Tuna rolls"
, letter:
"S"
},
{ name:
"Ebi rolls"
, letter:
"E"
},
{ name:
"Chicken Teriyaki"
, letter:
"C"
},
{ name:
"Salmon Teriyaki"
, letter:
"S"
},
{ name:
"Gohan"
, letter:
"G"
},
{ name:
"Tori Katsu"
, letter:
"T"
},
{ name:
"Yaki Udon"
, letter:
"Y"
}
];
var
flatData = [
"Sashimi salad"
,
"Chirashi sushi"
,
"Seaweed salad"
,
"Edamame"
,
"Miso soup"
,
"Maguro"
,
"Shake"
,
"Shiromi"
,
"Tekka maki"
,
"Hosomaki Mix"
,
"California rolls"
,
"Seattle rolls"
,
"Spicy Tuna rolls"
,
"Ebi rolls"
,
"Chicken Teriyaki"
,
"Salmon Teriyaki"
,
"Gohan"
,
"Tori Katsu"
,
"Yaki Udon"
];
function
mobileListViewDataBindInitFlat() {
$(
"#flat-listview"
).kendoMobileListView({ dataSource: flatData });
}
function
mobileListViewDataBindInitGrouped() {
$(
"#grouped-listview"
).kendoMobileListView({
dataSource: kendo.data.DataSource.create({ data: groupedData, group:
"letter"
}),
template:
"${name}"
});
}
</script>
<script type=
"text/javascript"
>
new
kendo.mobile.Application(document.body)
</script>
I start "
new
kendo.mobile.Application(document.body)
" only in this View.
Normally, i have just to do that? Or every View have to be initialise?
If you have answers ...
I don't understand where is the problem.
Thanks