Question

如何利用EasyUI生成Tab并获取其索引和标题

Answer 1

第一步，在创建好的web项目目录里新建静态页面tabs.html，这里默认是HTML5模板格式，如下图所示：

第二步，这里需要用到EasyUI和jQuery，于是引入相应的css文件和js文件，如下图所示：

第三步，根据EasyUI插件中Tab页的用法，在body标签内插入div标签，并设置Tab的样式，如Tab面板的高度、宽度、图标等，如下图所示：

第四步，设置完毕后，在浏览器中预览该页面，这时会看到有三个Tab项的Tab控件，如下图所示：

第五步，下面需要获取点击Tab选中的序号和标题，在script标签编写获取Tab页序号和标题，调用tabs方法，如下图所示：

6
第六步，js编写完毕后进行预览，点击Tab项，页面会弹出序号和标题窗口，如下图所示：