jquery easyui tab

 

tab 新增 
 1   
 2  $("#add").click(function () {
 3                     index++;   //新增tab
 4                     $("#tt").tabs('add', {
 5                         title: "New tab" + index,
 6                         content: 'tab body' + index,
 7                         iconCls: 'icon-save',
 8                         closable: true,
 9                          href:"url"
10                      
11                     });
12                 });
tab 修改 
 1         $("#update").click(function () {
 2             index++;
 3 
 4             var tab = $("#tt").tabs("getSelected"); //或者选中项
 5             $("#tt").tabs('update', { //修改
 6                 tab: tab,
 7                 options: {
 8                     title: "update" + index,
 9                     iconCls: 'icon-save'
10                 }
11             });
12         });
title：标题
content:内容
iconCls:面板显示图标
closable:是否可关闭 默认false
herf：tab项显示的地址 在mvc中要使用 href="@Url.Action("UIdemo2")
 
jquery easyui api：http://www.jeasyui.com/documentation/index.php
posted @ 2012-05-31 17:06  @索卡  阅读(543)  评论(2)  编辑  收藏  举报