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等第三控件库。都是根据已经存在在页面上的标签来转化的。所以你想在页面加载的时候动态添加进去。那直接用jquery的append方法就可以动态添加html标签到页面了。然后把你调用easyui方法的地方写在append之后即可。

做好下拉框的样式以及基本的属性，调用loadData()方法，往里面写值就行了啊。

$('#cc').combobox({

valueField:'id',

textField:'text'

})

var data = "[{id:'1', value:'1'},{id:'2', value:'2'}]"

// 1和2用逗号分隔

$('#cc').combobox("loadData", data)

---