js在动态生成的页面上动态添加easyUI的tab

要先初始化tabs后才能调用add方法，使用样式来初始化easyUI需要在dom

ready前将html代码添加到dom中，要不也无法初始化

var

tab

=

$("<div

id='tab_row_"

+

r

+

"_column_"

+

c

+

"'

class='easyui-tabs'

style='width:500pxheight:250px'>")

$('#xxxx').append(tab)

tab.tab()//要手动调用tabs进行初始化

var

content

=

"<table

id='table_datagrid_'"

+

view.id

+"></table>"

tab.tabs('add',

{

title:

view.title,

content

:

content,

closable:

true

})

假设你的easyui-tabs的结构类似这样 菜单一中的其他内容 我是按钮 菜单二中的其他内容 javascript： $(function(){ $("#btn").click(function(){ $("#tt").tabs('select', "menuTwo")//设置选中属性为“菜单二”(属性值为title属

你是哪里不会呢？

你的左右是用layout来弄的吗？

不管如何弄，这样都是对的。

首先新建一个div，如果你已经有了就无所谓了，设置其宽高，给一个ID=tab。

新增TAB的时候。

$("#tab").tab('add',{

title:'xxx',

content:'xxx',

herf:'xxx'

})

就大概这个意思了。

如果左侧是做的树，就加一个click事件，点击节点时，就在右侧新增一个tab，如果是已经存在的，就切换到此tab，不存在的就添加。

你可以百度 easyui官方论坛，有一个Java做后台的示范。或者登陆官网，www.jeasyui.com，点击上方的demo，看里面的基础知识用法，加上论坛里面的示范，就差不多了

---