1、在HBuilder软件中创建web项目,并在web项目指定的目录下创建静态页面select.html。
2、引入EasyUI插件核心css和js文件,并引入jQuery核心js文件。
3、下面开始编写ComboBox容器,该控件利用的是select标签元素构成的,设置ComboBox样式,如下图所示。
4、编辑js代码,获取ComboBox选中的值和文本,利用getValue和getText方法分别获取值和文本。
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)
}
})
}
在用到的地方调用这个函数
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)