<%@ 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;">图片描述:&nbsp;<%=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>
怎样在留言的选项卡中实现分页技术?并且在页面加载的时候选中此选项卡。