如何利用EasyUI框架选项卡Tabs设置和获取标题

第一步，在创建的web项目EasyUI下，新建页面文件夹pages，并在该文件夹下创建页面tabs.html。

第二步，引入EasyUI核心JavaScript和CSS文件，并需要jQuery关键的js文件。

第三步，在body标签元素内插入Tabs标签元素div，并设置样式。

第四步，预览静态页面tabs.html。

第五步，利用tabs标签页自带的函数方法获取选中的tabs页标题。

第六步，再次预览该静态页面，点击其中之一的tabs子标签，这时会d出标签页标题。

第一步，在web项目目录里创建静态页面table.html，并修改<title></title>标签内容，如下图所示：

第二步，在标题下方引入EasyUI相关的CSS和JS文件，如下图所示：

第三步，在body元素内部插入<table></table>，并引入表格样式以及数据源，如下图所示：

第四步，编辑表格数据源student.json，设置表格需要的字段以及字段值

第一步，新建静态页面filebox.html，并修改页面标题为“EasyUI上传文件控件”，如下图所示：

如何利用EasyUI插件中的FileBox设置中文标题

第二步，为了使用EasyUI插件，需要引入EasyUI相关的CSS和JavaScript文件，如下图所示：

如何利用EasyUI插件中的FileBox设置中文标题

第三步，在body标签元素内插入一个panel和filebox，并设置它们的样式，接着在其下方插入一个上传文件的按钮，如下图所示：

如何利用EasyUI插件中的FileBox设置中文标题

4

第四步，完成了前三步后，在浏览器中进行预览，这时会看到上传文件控件和上传文件按钮，如下图所示：

如何利用EasyUI插件中的FileBox设置中文标题

5

第五步，在jquery初始化函数中添加上传文件点击事件，点击后会将上传文件插件的英文提示会变成中文，如下图所示：

如何利用EasyUI插件中的FileBox设置中文标题

---