日期:2014-05-16  浏览次数:20526 次

easyui的Tab创建问题
本帖最后由 luquansen 于 2014-03-26 22:15:16 编辑
欲实现功能:我用tree打开了一个tab(tab1),方法为
function addTab(subtitle, url, icon) {
    if (!$('#tabs').tabs('exists', subtitle)) {
        $('#tabs').tabs('add', {
            title: subtitle,
            content: createFrame(url),
            closable: true,
            icon: icon
        });
    } else {
        $('#tabs').tabs('select', subtitle);
        $('#mm-tabupdate').click();
    }
    tabClose();
}

function createFrame(url) {
    var s = '<iframe scrolling="auto" frameborder="0"  src="' + url + '" style="width:100%;height:100%;"></iframe>';
    return s;
}
在tab1中有一个datagrid,我想通过点击其中一个字段实现将该行数据在新建的一个tab(比如tb2)中打开。

问题1:我通过datagrid中列属性“formatter”,将其中一列换成一个a标签
{ field: 'QuesTitle', title: '标题', width: 600, sortable: true, align: 'left',formatter:function(value,rowData,rowIndex){return "<a href='javacript:;' class='titlea' value='"+rowData.QuesID+"'><span>"+value+"</span></a>";} }

然后绑定一个点击事件函数
function aInit() {alert("11");
            $("a.atitle").live("click",function(){alert("22");
                var qid=$(this).val();
                var qtitle=$(this).children('span').text();
                $('#tabs').tabs('add',{   
                    title:qtitle,   
                    content:'Tab Body',   
                    closable:true 
                });
            });
        }
并在
 $(function () {
            pageInit();
            loadTree();
            loadGrid();
            easyrtInit();
            aInit();
        });
中调用了上面那个函数,可结果是输