查看: 3244|回复: 11

请教楼主及各位布局高手，以下如图能否实现 [复制链接]

hw32357

注册会员

Rank: 2

电梯直达

楼主

发表于 2014-9-29 22:12:21 |只看该作者 |倒序浏览

如图所示，
左边也是TABS的页面，右边也是一样
左边有4个 TAB页面固定，不能删除
点击左边的某条数据，在右边增加一个tab页面，里面放的该数据的详情。
个人觉得，比TREE 更加直观，当然，内容没有TREE放的多。

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

收藏0

dforce

超级版主

Rank: 8 Rank: 8

沙发

发表于 2014-9-30 09:19:17 |只看该作者

可以，左边的tab里面的表格行上绑定点击事件操作，和outlookmenu例子差不多的

hw32357

注册会员

Rank: 2

板凳

发表于 2014-11-17 21:41:45 |只看该作者

楼主，实在搞不定。我都要崩溃了
能否给点代码学习下呢。
左边的tabs里不同的tab url对应的都是不同的页面。那这些个页面里的 grade里的数据都要捆绑点击事件吗?不同的页面的点击事件，右边的main tabs 能加载吗

hw32357

注册会员

Rank: 2

地板

发表于 2014-11-17 22:25:35 |只看该作者

楼主，页面我是这样写，能够实现右边的效果，但是，左边tabs里都是另外单独的页面。咋么在哪里捆绑datagrid里双击事件，让右边的maintabs里加载呢。
给个例子学习学习，谢谢啦

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

hw32357

注册会员

Rank: 2

5^#

发表于 2014-11-18 00:15:44 |只看该作者

楼主，这是你对其他类似问题的回答。
top["win"]是跨页面调用的方法
在a页面中定义top["win"]=window
其他页面调用a页面的方法只要用top["win"].xxxx()就可以了，不需要管2个页面的层级关系

可是我用了之后说语法错误。我贴下看看：
a页有个tabs， b页是一个
a页：
<script type="text/javascript">
      top["win"]=window;

      mini.parse();
      var tabs = mini.get("mainTabs");
      function onClick() {
      var tab = tabs.getActiveTab();
         tabs.loadTab("EditInquery.aspx", tab);

      }

b页是一个 datagrid
里面的捆绑事件：
<div id="datagrid1" class="mini-datagrid" style="width:320px;height:400px;" onrowdblclick="top["win"].onclick()" url="data/miniInquery.aspx?method=SearchInquery"  idField="id" allowResize="true"
ondrawgroup="onDrawGroup" collapseGroupOnLoad="false" showColumnsMenu="true"
>

这样是报语法错误。请赐教!谢谢