码迷,mamicode.com
首页 > 其他好文 > 详细

EasyUI - tab动态加载datagrid

时间:2015-12-06 14:28:20      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:

addTab: function() {
    $("#myTabs").tabs(‘add‘, {
        title: ‘my title‘,
        closable: true,
        tools: [{
            iconCls: ‘icon-mini-refresh‘,
            handler: function() {
                alert(‘refresh‘);
            }
        }]
    });
     
    var currentTabPanel = $("#tabsMain").tabs(‘getSelected‘);
    var dynamicTable = $(‘<table id="tbTest"></table>‘);
    //这里一定要先添加到currentTabPanel中,因为dynamicTable.datagrid()函数需要调用到parent函数
    currentTabPanel.html(dynamicTable);
    dynamicTable.datagrid({
            url:‘datagrid_data.json‘,
            columns:[[
            {field:‘code‘,title:‘Code‘,width:100},
            {field:‘name‘,title:‘Name‘,width:100},
            {field:‘price‘,title:‘Price‘,width:100,align:‘right‘}
            ]]
        });
}

 

EasyUI - tab动态加载datagrid

标签:

原文地址:http://www.cnblogs.com/KTblog/p/5023388.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!