<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="//cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script>
<script src="//cdn.bootcss.com/dot/1.0.3/doT.min.js"></script>
<link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<link href="/Scripts/iscroll5/iscroll.css" rel="stylesheet" />
<script src="/Scripts/iscroll5/iscroll5helper.js"></script>
<script src="/Scripts/iscroll5/iscroll.js"></script>
<script src="/Scripts/Listview.js"></script>
<script type="text/x-dot-template" id="listviewdot">
{{~ it.Table:value:index}}
<li>
<a href="#detail" onclick="GetDetail('{{=value[0]}}');">
<h2>名称:{{!value[2]|| '暂无'}} <small>金额:{{!value[5]}} 次数:{{!value[1]}}</small></h2>
<p>活动时间:{{!value[3]}}</p>
<b>状态:{{!value[4]}}</b>
</a>
</li>
{{~}}
</script>>
<script>
function userinfo(sender) {
var interText = doT.template($("#userinfodot").text());
$("#myPanel").html(interText(sender.Data));
}
</script>
<script>
var page = 0;
$(document).ready(function () {
JmobileExt.Listview.initializtion("data.html", null, "#userreg", "#listviewdot");
JmobileExt.Listview.bindEvent(null, null, null, userinfo);
JmobileExt.Listview.GetFirstListData();
//ListViewFirstPageByAjaxData("userdetail.ashx?p=" + page + "&uid=" + getUrlParam("id"), "listviewdot", "userreg", userinfo);
$("#search").click(function () {
var data = { "title": $("#title").val(), "begin": $("#begintime").val(), "end": $("#endtime").val() };
JmobileExt.Listview.SetNewAjaxData("searchuserdetail.ashx", data);
JmobileExt.Listview.GetFirstListData();
});
});
</script>
<style>
li p {
text-align: right;
margin-left: 10px;
}
li img {
width: 96px;
height: 96px;
margin-top: 15px;
margin-left: 10px;
}
</style>
</head>
<body>
<div data-role="page" id="pageone" class="pull-demo-page" data-theme="a">
<div data-role="header">
<a href="#myPanel" data-position="left" data-display="push" class="ui-btn ui-icon-bars ui-btn-icon-left">用户资料</a>
<h1>用户活动</h1>
<a href="#searchpage" data-transition="slide" data-direction=”reverse” class="ui-btn ui-icon-bars ui-btn-icon-left">查找</a>
</div>
<div id="wrapper">
<div id="scroller">
<div id="scroller-pullDown">
<span id="down-icon" class="pull-down-icon"> </span>
</div>
<div id="scroller-content">
<ul data-role="listview" id="userreg"></ul>
</div>
<div id="scroller-pullUp">
<span id="up-icon" class="icon-double-angle-up pull-up-icon"> </span>
</div>
</div>
</div>
<div data-role="footer" data-theme="b" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="userapply.shtml" class="ui-btn-active" rel="external" data-icon="plus">用户</a></li>
<li><a href="/supermanage/activity.shtml" rel="external" data-icon="minus">活动</a></li>
<li><a href="http://pnc.co.il/dev/iscroll-5-pull-to-refresh-and-infinite-demo.html" rel="external" data-icon="delete">删除</a></li>
<li><a href="/slide-up-down/slideUpDownRefresh.shtml?id=1" rel="external" data-icon="check">喜爱</a></li>
<li><a href="#" data-icon="info">信息</a></li>
</ul>
</div>
</div>
<div data-role="panel" data-position="left" data-display="push" id="myPanel">
<div class="panel-content">
<script type="text/x-dot-template" id="userinfodot">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
<img src="{{!it.Table2[0][1]}}" width="96px" height="96px" />
</h3>
</div>
<div class="panel-body">
<ul data-role="listview" id="userinfo">
<li>
微信呢称:{{!it.Table2[0][0]}}
</li>
<li>
所在地:{{!it.Table2[0][2]}}{{!it.Table2[0][3]}}
</li>
<li>
创建时间:{{!it.Table2[0][4]}}
</li>
<li>
结束时间:{{!it.Table2[0][5]}}
</li>
<li>
最近登录时间:{{!it.Table2[0][6]}}
</li>
<li>
登录常用地:{{!it.Table2[0][7]}}
</li>
<li>
用户类型:{{!it.Table2[0][8]}}
</li>
<li>
活动次数:{{!it.Table1[0][0]}}
</li>
<li>
活动金额:{{!it.Table1[0][1]}}
</li>
</ul>
</div>
</div>
</script>
</div>
</div>
</div>
</body>
</html>