87,919
社区成员
发帖
与我相关
我的任务
分享
<script type="text/x-handlebars-template" id="tpl-list">
{{#each Table}}
<div class="msry-item">
<section class="am-panel am-panel-default">
<header class="am-panel-hd">
<h3 class="am-panel-title">{{title}}</h3>
</header>
<div class="am-panel-bd">
<div><img src= 'http://xxxxx.xxxxx/{{Location}}Thumbnail/{{PhotoID}}.jpg'/> </div>
<div>{{CName}}({{LName}})</div>
<div>地点:{{address}}</div>
</div>
</section>
</div>
{{/each}}
</script>
var $c = $('#js-container');
var tpl = $('#tpl-list').html();
var compiler = Hanlebars.compile(tpl);
var getURL = function () {
return '../handler/handlertest.ashx?action=getdata&pagenumber=' + pagenumber;
};
var getList = function (url) {
$.getJSON(url).then(function (data) {
console.log(data);
params.start = params.start + 10;
var $html = $(compiler(data));
$c.append($html).masonry('appended', $html).masonry('layout');
});
};
$c.masonry({
itemSelector: '.msry-item'
});
getList(getURL());
$('#load-more').on('click', function () {
getList(getURL());
pagenumber++;
});
<div>
{{#if CName }}
{{CName}}({{LName}})
{{/if}}
</div>
<div>
{{#if CName }}
{{CName}}({{LName}})
{{/if}}
</div>