信鸽网

如何使用jquery easyui创建标签组件

  作者：bea

jQuery EasyUI v1.4.4 下载网址：/codes/70218.html 本教程将展示如何使用easyui创建一个标签组件。标签可以动态地添加或删除多个面板，你可以使用标签在同一个页面上显示不同的实体。 标签一次只能显示一个面板，每个面板都有标题、图表和关闭按钮。当标签被选中之后，会显示相应面板的内容。 使用HTML标记创建标签，其中包括一个DIV容器和一些DIV面板。 < div class="easyui-tabs" style="width:4

jQuery EasyUI v1.4.4 下载网址：/codes/70218.html


本教程将展示如何使用easyui创建一个标签组件。标签可以动态地添加或删除多个面板，你可以使用标签在同一个页面上显示不同的实体。


标签一次只能显示一个面板，每个面板都有标题、图表和关闭按钮。当标签被选中之后，会显示相应面板的内容。



使用HTML标记创建标签，其中包括一个DIV容器和一些DIV面板。




< div class="easyui-tabs" style="width:400px;height:100px;">

< div title="First Tab" style="padding:10px;">

First Tab

< /div>

< div title="Second Tab" closable="true" style="padding:10px;">

Second Tab

< /div>

< div title="Third Tab" iconCls="icon-reload" closable="true" style="padding:10px;">

Third Tab

< /div>

< /div>


我们创建具有三个面板的一个标签组件，第二个和第三个面板可以通过点击关闭按钮关闭。




有用  |  无用

猜你喜欢

您可能感兴趣的文章: