首页 > 其他 > 详细

EasyUI - tab动态加载datagrid

时间:2015-12-06 14:26:35      阅读:199      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!