Notes

<%@ Page Title="" Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false" CodeFile="Rakuten.aspx.vb" Inherits="Rakuten" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script src="js/CommData.js" type="text/javascript"></script>
<script src="js/PicFilter.js" type="text/javascript"></script>

<script src="js/pagination/jquery.pagination2.js"></script>
<link href="js/pagination/pagination.css" rel="stylesheet" />

<script type="text/javascript">
$uploadPath = '<%=WebSitePath%>File/PriorityAttention/';
$basePath = '<%=WebSitePath%>';

$(function () {
/* #page: 高度自適應計算 */
var setPageSize = function () { //define a function with the code you want to call
var wHeight = $(window).height(),
uheader = $('#header').height(),
pageHeight = wHeight - uheader;

$('#page').css({
"height": pageHeight + "px"
});
};
});
var PageFunSet = new PaginationSeting({ PgName: "Pagination", SelectDataFun: GetCaseListData });
function GetCaseListData() {
var obj = {};

PageFunSet.getPageObj(obj);

obj["pageSize"] = PageFunSet.getPageNum();
obj["PageIdx"] = PageFunSet.getPageIndex();

var keyword = $("#keyword").val();
$.get("https://app.rakuten.co.jp/services/api/IchibaItem/Search/20140222?format=json&keyword="+keyword+"&applicationId=1025000513624557190&hits=30&page=" + obj["PageIdx"], function (RsData) {
var data = {};
data = RsData.Items;
PageFunSet.pagination(RsData);
var NData = [];
$.each(data, function (i, v) {
NData.push(v.Item)
});
$("#mAgent_PAList").empty();
if (data.length > 0) {
$("#mAgent_PAListTmpl").tmpl(NData).appendTo("#mAgent_PAList");
$("#lmAgent_PATotal").html(RsData.count);
} else {
$("#mAgent_PAList").empty();
$("#mAgent_PAList").append("<tr><td colspan='5'><span class='help-block text-center'>無優先曝光資料</span></td></tr>");
$("#lmAgent_PATotal").html("0");
}


})
}

</script>




<script id="mAgent_PAListTmpl" type="text/x-jquery-tmpl">
<tr>
<td>
<img src="${mediumImageUrls[0].imageUrl}" width="128" height="128" />
</td>
<td>${itemName}</td>
<td class="text-left">${catchcopy}</td>
<td class="text-left">${itemPrice}</td>
<td >${itemCaption}</td>
<td>

</td>
</tr>
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div id="content" class="clearfix" style="margin-left: 0;">
<div class="header clearfix">
<h1 class="pull-left">公告</h1>
<div class="cnavbar">
<ul class="nav" id="AnnPage">
<li><a href="javascript:void(0)" onclick="ChangePage(this, '1')" class="active">店內公告</a></li>
<li><a href="javascript:void(0)" onclick="ChangePage(this, '2')">優先曝光</a></li>
<li><a href="javascript:void(0)" onclick="ChangePage(this, '0')">系統公告</a></li>
</ul>
</div>
</div>

<article id="contentWrapper" class="clearfix">
<div class="container-fluid">

<div id="mAgent_PA" >
<div class="row bu_title_bar clearfix">
<h3 class="pull-left"><span>共 <span id="lmAgent_PATotal" class="searchresults_count">0</span> 筆</span></h3>
<span class="pull-right btn btn-info btn-small" id="AddmAgent_PA"> <i class="icon-edit"></i> 新增優先曝光</span>
</div>
<div class="row clearfix">
<div class="col-xs-12">
<input type="text" id="keyword" />
<button type="button" class="btn" style="float:left" onclick="GetCaseListData()"><i class="icon-search"></i></button>
<div class="" id="Pagination"></div>
<table class="table table-condensed table-striped table-bordered table-hover">
<thead>
<tr>
<th style="width: 50px">照片</th>
<th style="width: 100px">產品</th>
<th style="width: 100px">類別</th>
<th style="width: 80px">金額</th>
<th >描述</th>
<th >功能</th>
</tr>
</thead>
<tbody id="mAgent_PAList"></tbody>
</table>
</div>
</div>
</div>
<footer>
<hr />
<p class="pull-right">&copy; 2012 All Rights Reserved. Version <%=objSession("Version")%></p>
<p>永慶房產集團資訊處建置</p>
</footer>
</div>
</article>
</div>
</asp:Content>