问答首页 → Web前端技术
0 0

easyui双击datagrid数据行创建新tab选项卡的问题5

在项目中用到easyui，页面布局用的是easyiui 的树形菜单tree+选项卡 tabs控件，点击左边的tree，可以创建新的tab。
现在有一个需求，就是在双击datagrid中的数据行时，要创建新的tab，以便将数据行的详细内容显示到新tab中。


目前的问题是，easyui的tabs创建的选项卡是通过创建iframe的方式创建的，即$('#centerTab').tabs('add', )。
在datagrid中，不能拿到tabs的div容器（包含所有创建的选项卡），这里是“centerTab”。


火狐下查看easyui创建tab的DOM如下：



 

怎么实现双击datagrid的数据行，创建新选项卡呢？

 

 

 

问题补充：现在我有一种实现的方案：
var content = '<div></div>';
$('#centerTab').tabs('add',{
href:url,
title:title,
style:{background:'#DFE8F6'},
fit:true,
content:content,
closable:true,
closed: true
});  
}

href为要创建tab的url（可以是一个action，也可以是一个jsp），然后创建的tan放入新添加的一个div中。
但又有一个新的问题，通过这种方式创建的tab页面中，不能有相同的id，table，div，form的id都不能相同。
举个例子，如果两个页面有都有toolbar工具栏且id都一样，后面创建的页面中就会出现两个toolbar，不知道是不是缓存影响的。
如果这样的话，那每个页面的id都不能相同了，o，my god！一个工程中那么多页面，况且还是由不同的人写的，天知道会不会有重复的页面。
jQueryeasyuidatagridTabs 
2013年5月11日 14:48
  • 大小: 20.1 KB
目前还没有答案

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics