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

js在动态生成的页面上动态添加easyUI的tab,第1张

要先初始化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

})

<div class="easyui-tabs" style="width:1100pxheight:850pxpadding:10px, 10px, 10px, 10px," id="tab" data-options="fit:true">

<div style="background:#D1EEEE" title="基本信息" id="tabControl1" style="text-align: centerborder: 0px solid" data-options="selected:true">

<div>

<div>

<script type="text/javascript">

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

title: '酒店图片',

content: '<iframe src="'+地址+'" scrolling="auto" frameborder="0" style="width:100%height:100%"></iframe>',

closable: false

})

</>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11404422.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-15
下一篇2023-05-15

发表评论

登录后才能评论

评论列表(0条)

    保存