使用JQuery UI选项卡添加新选项卡

时间:2010-10-19 05:28:25

标签: javascript jquery user-interface jquery-ui

我正在使用MVC .net框架开发Web应用程序。在此应用程序的用户界面中,我想在单击按钮时创建选项卡。以下是我在用户界面中单击按钮时创建此选项卡的方法

$('#tabs').tabs("add", 'uploadnewcv', 'Add New CV');

在创建此标签时,我想将内容添加到此标签中。 post方法检索数据,数据在数据变量中。我想将数据添加到我创建的选项卡中。可能有一些有本指南经验的人如何在创建时将标签添加到标签中。提前感谢您的帮助

function addNewCV() {
        var text = 'xyz';

        $('#tabs').tabs("add", 'uploadnewcv', 'Add New CV');

        $.post("/AddNewCV/addnewcv", { name: text },
        function (data) {
            document.getElementById('uploadnewcv').innerHTML = data;
            //alert(document.getElementById('ui-tabs-3').innerText);
        });
    }

1 个答案:

答案 0 :(得分:1)

我认为没有一体化的解决方案。但是你所做的应该有效,不是吗? 您可以稍微优化它,如下所示:

function addNewCV() {
    var text = 'xyz';
    $.post(
        "/AddNewCV/addnewcv",
        { name: text },
        function (data) {
            $('#tabs').tabs("add", 'uploadnewcv', 'Add New CV');
            $('#uploadnewcv').html(data);
            //alert($('#ui-tabs-3').text());
        }
    );
}

因此,当数据已存在时,会生成选项卡。