easyui框架打开新页面添加一个新选项卡

function ClickEvent() {

var title = $(this).text()//选项卡名称

//拼接一个Iframe标签，选项卡内容

var str = '<iframe id="frmWork" width="100%" height="100%" frameborder="0" scrolling="auto" src="' + $(this).attr("src") + '"></肆改iframe>'

//首先判断用户是否已经单击了此项，如果单击了直接获取焦点，否则打开

var isExist = $("#tab").tabs('exists', title)

if (!isExist) {

//添加tab的节点，调用easyUITab标签的方法

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

title: title,

content: str,

iconCls: 'icon-save',

closable: true

})

}

else {

//如果存在消纤则获取裂桥判焦点

$("#worktab").tabs('select', title)

}

})

}

在用到的地方调用这个函数

建议你去看看官方论坛的那个实例，以及官方的demo。

标准的，左侧是树，右侧是tab的。

因为我一直是用的tree的插件，不是官方的tree，因此我看的官方demo+api，现写的一段

以下的ID之类的你改成顷激你自己的雀肢袜

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

<script>

$(function(){

$("tt").tree(

//这里加url之类的

,{

onClick:function(node){

openPage(node)

}

})

function openPage(node){

//已经存在的选择

if ($("#tabs").tabs('exists', node.text)) {

$("#tabs").tabs('select',node.text)

//否则添加tab

}else{

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

title:node,text,

content:"xxx"饥冲,

closable:true

})

}

}

})

</script>

1、在HBuilder软件中创建游段毕web项目，并在web项目指定的目录下创建静态页面select.html。

2、引入EasyUI插件核心css和js文件，并引入jQuery核心js文件。

3、下面开始编写ComboBox容神芹器，该燃搭控件利用的是select标签元素构成的，设置ComboBox样式，如下图所示。

4、编辑js代码，获取ComboBox选中的值和文本，利用getValue和getText方法分别获取值和文本。

---