or
<
div
id
=
"ServerTable"
class
=
"row Block InfoTable "
>
<
table
>
<
thead
>
<
tr
>
<
th
>ACTION</
th
>
<
th
>Type</
th
>
<
th
>Class</
th
>
<
th
>Status</
th
>
<
th
>Size</
th
>
</
tr
>
</
thead
>
<
tbody
data-bind
=
"source: ServerData"
data-template
=
"serverTemplate"
></
tbody
>
</
table
>
</
div
>
01.
<
script
type
=
"text/x-kendo-template"
id
=
"serverTemplate"
>
02.
<
tr
data-path
=
"${Path}"
03.
data-filecount
=
"${FileCount}"
04.
data-maxzoom
=
"${MaxZoom}"
05.
data-date
=
"${Date}"
06.
data-type
=
"${Type}"
>
07.
#if(Newer == "NEW") { #
08.
<
td
><
div
class
=
"button radial Center ButtonText"
>Download</
div
></
td
>
09.
#} else { #
10.
<
td
title
=
"Already Downloaded"
><
img
src
=
"../images/pushPin.png"
style
=
"width: 32px; height: 32px;"
/></
td
>
11.
#}#
12.
<
td
><
span
data-bind
=
"text: Type"
/></
td
>
13.
<
td
><
span
data-bind
=
"text: Class"
/></
td
>
14.
<
td
><
span
data-bind
=
"text: Newer"
/></
td
>
15.
<
td
><
span
data-bind
=
"text: Size"
/></
td
>
16.
</
tr
>
17.
</
script
>
if ((dd.Type == sd.Type) && (dd.Date >= sd.Date)) {
vm.ServerData[i].set("Newer", "CURRENT");
}
1.
if ((dd.Type == sd.Type) && (dd.Date >= sd.Date)) {
2.
vm.ServerData[i].set("Newer", "CURRENT");
3.
}
4.
kendo.bind($("#ServerTable"), vm.ServerData);
<
div
data-role
=
"view"
id
=
"tab-catalog"
data-title
=
"Catalog"
data-layout
=
"mobile-tabstrip"
>
....
</
div
>
<
div
data-role
=
"view"
id
=
"tab-account"
data-title
=
"Account"
data-layout
=
"mobile-tabstrip"
>
....
</
div
>
<
div
data-role
=
"layout"
data-id
=
"mobile-tabstrip"
>
<
header
data-role
=
"header"
>
<
div
id
=
"navbar"
data-role
=
"navbar"
>
<
a
data-role
=
"button"
data-rel
=
"drawer"
href
=
"#drawer"
data-icon
=
"drawer-button"
data-align
=
"left"
></
a
>
<
span
data-role
=
"view-title"
></
span
>
<
a
id
=
"scan"
data-align
=
"right"
data-icon
=
"camera"
data-role
=
"button"
></
a
>
</
div
>
</
header
>
</
div
>
<
div
id
=
"modalview-additional-info"
style
=
"width: 80%; height: 70%;"
>
<
div
data-role
=
"header"
>
<
div
data-role
=
"navbar"
>
<
span
>Info</
span
>
<
a
data-click
=
"closeModalViewAdditionalInfo"
data-role
=
"button"
data-align
=
"right"
>Close</
a
>
</
div
>
</
div
>
<
div
data-role
=
"scroller"
>
<
p
id
=
"additionalInfo"
></
p
>
</
div
>
</
div
>
<
ul
data-role
=
"listview"
data-type
=
"group"
data-click
=
"equipmentListViewClick"
>
...
</
ul
>