`

datagrid easyUI 那个tab灵活加上iconcls

 
阅读更多

function addTab(title, href,icon){  
    var tt = $('#tabs');  
    if (tt.tabs('exists', title)){//如果tab已经存在,则选中并刷新该tab          
        tt.tabs('select', title);  
        refreshTab({tabTitle:title,url:href});  
    } else {  
        if (href){  
            var content = '<iframe scrolling="no" frameborder="0"  src="'+href+'" style="width:100%;height:100%;"></iframe>';  
        } else {  
            var content = '未实现';  
        }  
        tt.tabs('add',{  
            title:title,  
            closable:true,  
            content:content,  
            iconCls:icon||'icon-default'  
        });  
    }  /**     
 * 刷新tab 
 * @cfg  
 *example: {tabTitle:'tabTitle',url:'refreshUrl'} 
 *如果tabTitle为空,则默认刷新当前选中的tab 
 *如果url为空,则默认以原来的url进行reload 
 */  
function refreshTab(cfg){  
    var refresh_tab = cfg.tabTitle?$('#tabs').tabs('getTab',cfg.tabTitle):$('#tabs').tabs('getSelected');  
    if(refresh_tab && refresh_tab.find('iframe').length > 0){  
    var _refresh_ifram = refresh_tab.find('iframe')[0];  
    var refresh_url = cfg.url?cfg.url:_refresh_ifram.src;  
    //_refresh_ifram.src = refresh_url;  
    _refresh_ifram.contentWindow.location.href=refresh_url;  
    }  
}  
}  
 
分享到:
评论

相关推荐

    easyui用户手册

    ### easyui用户手册知识点解析 #### 一、easyUI简介 **easyUI**是一款功能强大的JavaScript框架,专门用于简化Web应用程序的开发流程。它提供了一系列丰富的用户界面组件,如按钮、菜单、数据网格等,使得开发者...

    jeasyui的dataGrid的打印和导出,jeasyui报表 table转成excel 实例下载

    $("#tab").datagrid({ // width: 600, //宽度 height: 400, //高度 singleSelect: true, //选中一行的设置 fitColumns:true, url: "EditorUserHandler.ashx", //请求路径 title: "用户信息", //标题 iconCls:...

    jquery-easyui-EDT-1.5.5.7z

    jQuery EasyUI 1.5.5 版本更新内容 Bug(修复) tabs:修复当标题包含符合元素时,所选择的历史顺序错误的问题; combo:修复当设置了一个较大的'delay'值的时候下拉面板可能不会被隐藏的问题; layout:修复当鼠标...

    easyui培训文档

    &lt;table class="easyui-datagrid" id="dg" data-options="url:'list.json', pagination:true, pageSize:5, pageList:[5,10,15,20]" style="width:500px;"&gt; &lt;th field="itemid" width="80"&gt;Item ID ...

    jquery_easyui 很全面中文文档

    ### jQuery EasyUI 全面中文文档知识点概览 #### 一、jQuery EasyUI 简介 jQuery EasyUI 是一个基于 jQuery 的用户界面插件集合,它提供了丰富的 UI 控件来帮助开发者快速构建用户界面。这些控件不仅功能强大而且...

    jquery-easyUI

    ### jQuery EasyUI 知识点概述 #### 一、简介 **jQuery EasyUI** 是一组基于 jQuery 的 UI 插件集合。它的目标是简化 web 开发者的开发过程,使他们能够更加轻松地创建出功能丰富且外观美观的用户界面。通过使用 ...

    Jquery easyui开启行编辑模式增删改操作

    它包含了一系列用户界面组件,例如数据网格(DataGrid)、对话框(Dialog)、面板(Panel)、标签页(Tab)、树(Tree)等,提供了丰富的界面元素和接口,使得界面开发更为简便和高效。 ### easyui框架特点 easyui...

    JEECG UI标签库帮助文档v3.3

    &lt;t:tab title="Tab 2" href="content2.html" closable="false" iconCls="icon-tab2"&gt;&lt;/t:tab&gt; ``` #### Autocomplete(自动补全标签) **6.1. 参数** - **id**: 控件ID。 - **name**: 控件name属性。 - **data**:...

    jqueryAPI教程

    ### jQuery EasyUI 教程概览 ...&lt;table id="datagrid" class="easyui-datagrid" data-options="singleSelect:true,pagination:true"&gt; &lt;th field="name"&gt;Name &lt;th field="age"&gt;Age &lt;!-- 数据行 --&gt;...

    JEECG UI标签文档v3.7

    新增" iconCls="icon-add" onClick="addUser()" /&gt; ``` **2.3.2 自定义函数操作标签 | t:dgFunOpt** ```xml 删除" funIcon="icon-remove" funParams="ids"/&gt; ``` **2.3.3 删除操作标签 | t:dgDelOpt** ```xml ...

    jquery培训文档

    ### jQuery培训文档知识点详解 #### Accordion(可折叠标签) **Accordion** 是一种常见的界面元素,用于展示可以展开和收起的内容区块。... &lt;div title="Tab1" data-options="closable:true"&gt; ;...

Global site tag (gtag.js) - Google Analytics