91 строка
4.1 KiB
HTML
91 строка
4.1 KiB
HTML
<!doctype html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>Essential JS 1 : ListView - Default Functionalities</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8" />
|
|
<link href="../content/bootstrap.min.css" rel="stylesheet">
|
|
<link href="../content/ejthemes/default-theme/ej.web.all.min.css" rel="stylesheet" />
|
|
<link href="../content/default.css" rel="stylesheet" />
|
|
<link href="../content/default-responsive.css" rel="stylesheet" />
|
|
<!--[if lt IE 9]>
|
|
<script src="../scripts/jquery-1.11.3.min.js" type="text/javascript"></script>
|
|
<![endif]-->
|
|
<!--[if gte IE 9]><!-->
|
|
<script src="../scripts/jquery-3.4.1.min.js" type="text/javascript"></script>
|
|
<!--<![endif]-->
|
|
<script src="../scripts/jsrender.min.js" type="text/javascript"></script>
|
|
|
|
<script src="../scripts/ej.web.all.min.js" type="text/javascript"></script>
|
|
<script src="../scripts/properties.js" type="text/javascript"></script>
|
|
</head>
|
|
<body>
|
|
<div class="content-container-fluid listview-sample">
|
|
<div class="row">
|
|
<div class="cols-sample-area">
|
|
<div id="defaultlistbox">
|
|
<ul>
|
|
<li data-ej-text="Discover Music">
|
|
<ul>
|
|
<li data-ej-text="Hot Singles"></li>
|
|
<li data-ej-text="Rising Artists"></li>
|
|
<li data-ej-text="Live Music"></li>
|
|
<li data-ej-text="Best of 2013 So Far"></li>
|
|
</ul>
|
|
</li>
|
|
<li data-ej-text="Sales and Events">
|
|
<ul>
|
|
<li data-ej-text="100 Albums - $5 Each"></li>
|
|
<li data-ej-text="Hip-Hop and R&B Sale"></li>
|
|
<li data-ej-text="CD Deals"></li>
|
|
</ul>
|
|
</li>
|
|
<li data-ej-text="Categories">
|
|
<ul>
|
|
<li data-ej-text="Songs"></li>
|
|
<li data-ej-text="Bestselling Albums"></li>
|
|
<li data-ej-text="New Releases"></li>
|
|
<li data-ej-text="Bestselling Songs"></li>
|
|
</ul>
|
|
</li>
|
|
<li data-ej-text="MP3 Albums">
|
|
<ul>
|
|
<li data-ej-text="Rock"></li>
|
|
<li data-ej-text="Gospel"></li>
|
|
<li data-ej-text="Latin Music"></li>
|
|
<li data-ej-text="Jazz"></li>
|
|
</ul>
|
|
</li>
|
|
<li data-ej-text="More in Music">
|
|
<ul>
|
|
<li data-ej-text="Music Trade-In"></li>
|
|
<li data-ej-text="Redeem a Gift Card"></li>
|
|
<li data-ej-text="Branded T-Shirts"></li>
|
|
<li data-ej-text="Mobile MVC"></li>
|
|
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
$(function () {
|
|
$("#defaultlistbox").ejListView({ showHeader: true, showHeaderBackButton: true, headerTitle: "Favorite", width: 400, mouseDown: mousedown, loadComplete:"Refresh" });
|
|
function mousedown(args) {
|
|
var listObj = $("#defaultlistbox").ejListView("instance");
|
|
listObj.model.headerBackButtonText = args.text;
|
|
}
|
|
});
|
|
function Refresh() {
|
|
if (document.body.className == "fixedlayout material") {
|
|
setTimeout(function () {
|
|
var obj = $("#defaultlistbox").ejListView("instance");
|
|
obj.option("_refreshScroller", true);
|
|
}, 300);
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|