110,534
社区成员
发帖
与我相关
我的任务
分享选项卡中的分页怎样来实现
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<La.Model.GoodsInfo>" %>
<asp:Content ID="contentTitle" ContentPlaceHolderID="TitleContent" runat="server">商品详情</asp:Content>
<asp:Content ID="contentStyle" ContentPlaceHolderID="StyleContent" runat="server">
<link href="/Static/Style/Site/GoodsInfo.css" rel="Stylesheet" type="text/css" />
<script src="/Static/Scripts/Common.js" type="text/javascript"></script>
<script src="/Static/Style/Site/UserStyle.js" type="text/javascript"></script>
<script type="text/javascript">
$('document').ready(function() {
$("#orderShow").hide();
$("#tab span:first").addClass("current");
$("#tab div:not(:first)").hide();
$("#tab span").click(function() {
$("#tab span").removeClass("current");
$("#tab div").hide();
$("." + $(this).attr("id")).fadeIn('slow');
});
$('#tuijian a:contains("收藏此商品")').click(function() {
$(this).blur();
loading();
ajaxSubmit($(this).attr('href'),
{},
function(json) {
loaded();
if (json.Success) {
alert('收藏商品信息成功');
}
else {
processJson('收藏商品信息失败:', json, '');
}
},
function() {
loaded();
alert('服务器无响应');
});
return false;
});
$('#order').submit(function() {
setDisable('#edit :submit');
loading();
var address = $('#Address').val();
var goodsId = $('#GoodsId').val();
ajaxSubmit('<%=Url.Action("CreateOrder", "User") %>',
{ goodsId: goodsId, address: address },
function(json) {
loaded();
if (json.Success) {
$('#Address').val('');
$('#GoodsId').val('');
orderHidden();
alert('下订单成功');
}
else {
processJson('下订单失败:', json, 'cpw');
setFirstErrorField(json, 'cpw');
}
setEnable('#edit :submit');
},
function() {
loaded();
alert('服务器无响应');
setEnable('#edit :submit');
});
return false;
});
$('#comment').submit(function() {
setDisable('.tab2 :submit');
loading();
var contents = $('#CommentContent').val();
var cgoodsId = $('#cgoodsId').val();
ajaxSubmit('<%=Url.Action("Create", "Comment") %>',
{ cgoodsId: cgoodsId, contents: contents },
function(json) {
loaded();
if (json.Success) {
$('#contents').val('');
alert("评论成功");
setAutoFocus('.tab2');
alert('评论成功');
}
else {
processJson('评论失败:', json);
setFirstErrorField(json);
}
setEnable('#edit :submit');
},
function() {
loaded();
alert('服务器无响应');
setEnable('#edit :submit');
});
return false;
});
$('#leaveMessage').submit(function() {
setDisable('.tab4 :submit');
loading();
var content = $('#content').val();
var goodsId = $('#goodsId').val();
var isAnonymous = $('#IsAnonymous').attr("checked");
ajaxSubmit('<%=Url.Action("Create", "LeaveMessage") %>',
{ goodsId: goodsId, content: content, isAnonymous: isAnonymous },
function(json) {
loaded();
if (json.Success) {
$('#content').val('');
alert("留言成功");
setAutoFocus('.tab4');
}
else {
processJson('留言失败:', json);
setFirstErrorField(json);
}
setEnable('#edit :submit');
},
function() {
loaded();
alert('服务器无响应');
setEnable('#edit :submit');
});
return false;
});
});
</script>
</asp:Content>
<asp:Content ID="contentMain" ContentPlaceHolderID="MainContent" runat="server">
<div id="userContent">
<div id="content_left">
<div id="tab">
<h4><span id="tab1">商品详情</span><span id="tab2">商品评论</span><span id="tab3">交易记录</span><span id="tab4">留言薄</span></h4>
<div class="tab1">
<p style="font-weight:normal;">详细描述：<%=Model.Intro %><br />
说明：由于电脑显示器分辨率不同，所显示的颜色与实物的颜色可能略有差别！</p>
<%if(Model.Image!=null){
foreach(var item in Model.Image){
%>
<img style=" width:700px;height:500px;" src=<%=item.ImageUrl %>/>
<p style="text-align:center;font-weight:normal;">图片描述： <%=item.Describe==null ? "<无>" : item.Describe%></p>
<%}} %>
</div>
<div class="tab2">
<table>
<%if (Model.CommentObj == null)
{%>
<tr><td>暂无评论</td></tr>
<%}
else
{
foreach (var item in Model.CommentObj)
{ %>
<tr>
<td><%=item.CUserId%></td>
<td><%=item.Contents %></td>
</tr>
<%}
} %>
</table>
<form id="comment">
<h6>我要评论</h6>
<h5><%=Html.TextArea("CommentContent", new { maxlength="350",row="5"})%> <%=Html.Hidden("cgoodsId",Model.GoodsId) %></h5>
<h6><input type="submit" value="发表评论" / /></h6>
</form>
</div>
<div class="tab3">
<table cellspacing="0" style="width:100%;text-align:center">
<tr><td>订单编号</td><td>买家</td><td>商品名称</td><td>交易状态</td><td>交易时间</td></tr>
<%if (Model.Order == null)
{ %>
<tr><td colspan="5">无成交记录</td></tr>
<%}
else
{
foreach (var item in Model.Order)
{ %>
<tr class="biaogetr">
<td ><%=item.OrderId %></td>
<td ><%=item.BuyId%></td>
<td ><%=Model.GoodsName%></td>
<td ><%=item.Status == 3 ? "交易成功" : item.Status==4 ? "交易失败":"正在交易"%></td>
<td ><%=item.Time%></td>
</tr>
<%}
} %>
</table>
</div>
<div class="tab4">
<table>
<%if (Model.LeaveMessage == null)
{%>
<tr><td>暂无留言</td></tr>
<%}
else
{
foreach (var item in Model.LeaveMessage)
{
%>
<tr id="tr11">
<td class="tdxiao"><%=Html.Encode(item.LUserId)%></td>
<td class="tdda"><%=Html.Encode(item.LContent)%></td>
<td class="tdxiao"><%=Html.Encode(item.LTime.ToString("yyyy-MM-dd")) %></td>
</tr>
<tr id="tr22">
<td class="tdxiao"><%=Html.Encode(Model.User.Id)%></td>
<td class="tdda"><%=item.Replay==""? " 主人未回复" :Html.Encode(item.Replay)%></td>
<td class="tdxiao"><%=Html.Encode(item.RTime.ToString("yyyy-MM-dd")) %></td>
</tr>
<%}
} %>
</table>
<form id="leaveMessage">
<h6>我要留言</h6>
<h5><%=Html.TextArea("content", "", new { maxlength="350", rows = "5" })%> <%=Html.Hidden("goodsId",Model.GoodsId) %></h5>
<h6><%=Html.CheckBox("IsAnonymous",true)%><label for="Anonymous">是否匿名</label></h6>
<input type="submit" value="留言" />
</form>
</div>
</div>
</div>
</div>
</asp:Content>
怎样在留言的选项卡中实现分页技术？并且在页面加载的时候选中此选项卡。
...全文
请发表友善的回复…
发表回复
iland9876543210 2010-06-16
- 打赏
- 举报
学习一下
