none
jQuery UI.Layout ,把页面分为左右两框架,右框架里有个jquery的tab,怎样点左框架的某记录,使右框架的tab定位到某个tab上,而且给这个tab最好能传个参数,请教! RRS feed

  • 问题

  • 页面代码

    @{
      ViewBag.Title = "Index";
      Layout = "";
    }
    <script src="../../Scripts/jquery-1.4.4-vsdoc.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery-ui.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.layout-latest.js" type="text/javascript"></script>
    <link href="../../Content/themes/cupertino/jquery-ui-1.8.11.custom.css" rel="stylesheet"
      type="text/css" />
    <style type="text/css">
    .ui-layout-pane-west {  
       background: #dfe8f6; 
       border:   0px solid #8db2e3; 
       padding:  100px;  
       overflow:  auto; 
       background-color:Red;
     } 
    
    </style>
    <h2>
      计划列表</h2>
    <div class="ui-layout-west">
      <iframe src="/Jihua/JiHuaList" style="width: 100%; height: 100%;"></iframe>
    </div>
    <div class="ui-layout-center">
      <div id="tabs" style="width: 100%; height: 100%;">
        <ul>
          <li><a href="#tab1"><span>计划书</span></a></li>
          <li><a href="#tab2"><span>操作票</span></a></li>
        </ul>
        <div id="tab1">
          <iframe src="/Jihua/JiHuaShu" style="width: 100%; height: 100%;"></iframe>
        </div>
        <div id="tab2">
          <iframe src="/CaoZuoPiao/Test" style="width: 100%; height: 100%;"></iframe>
        </div>
      </div>
    </div>
    <script type="text/javascript">
    
      $(function () {
        $("#tabs").tabs();
        //$('body').layout({ applyDefaultStyles: true });
        $('body').layout({ applyDefaultStyles: true, west__size: 310, resizerTip:"可调整大小" });
      });
    
    
    </script>
    
    
    2011年4月28日 2:07

答案

  • $("#tab2").attr("src", "../CaoZuoPiao/Test3?id=" + v);

    使用这个刷新iframe的内容,但是似乎有个毛病,如果地址已经是这个了,就不刷新了,这个问题没解决

    • 已标记为答案 m s 2011年7月20日 5:53
    2011年5月9日 7:27