如何在动态选项卡中添加内容

Question

我有一个放在 HTML 表格中的 jqQrid。现在根据我的要求，我必须在单击超链接时打开的动态选项卡中显示此网格。

这里是动态标签创建的代码：

function addTab(title) {
    if ($('#tt').tabs('exists', title)) {
        $('#tt').tabs('select', title);
    }
    else {
        if (title == "Check in List") {
            //Here i have to call jqgrid loading function but how I am not getting !!!
            var content = '';
        }
        else {
            var content = '<p>Hii</p>';
        }
        $('#tt').tabs('add', {
            title: title,
            content: content,
            closable: true
        });
    }
}

这里是生成网格的函数：

function CheckInRecordgrid() {
    //Grid Codes 
}

这里是 HTML 表格占位符：

<table id="CheckIngrid"></table>

现在我的问题是，如果点击的标签符合条件，如何调用网格生成函数？

这是我的完整网格代码..

        function CheckInRecordgrid() {
        var data = [[48803, "DELUX", "A", "2014-09-12 12:30:00", "Done"], [48804, "NORAML", "V", "2014-09-12 14:30:00", "Pending"]];

        $("#CheckIngrid").jqGrid({
            datatype: "local",
            height: '100%',
            autowidth: true,
            colNames: ['Room No.', 'Category', ' Guest name', ' Date & Time ', 'Status'],
            colModel: [
                    {
                        name: 'Room No.', index: 'Room No.', width: 100, align: 'center'
                    },
                    {
                        name: 'Category', index: 'Category', width: 100, align: 'center'
                    },
                    {
                        name: 'Guest name', index: 'Guest name', width: 100, align: 'center'
                    },
                    {
                        name: 'Date & Time', index: 'Date & Time', width: 100, align: 'center'
                    },
                    {
                        name: 'status', index: 'status', width: 100, align: 'center'
                    }
                ],
            caption: "Check In List"
        });

        var names = ["Room No.", "Category", "Guest name", "Date & Time", "status"];
        var mydata = [];

        for (var i = 0; i < data.length; i++) {
            mydata[i] = {};
            for (var j = 0; j < data[i].length; j++) {
                mydata[i][names[j]] = data[i][j];
            }
        }

        for (var i = 0; i <= mydata.length; i++) {
            $("#CheckIngrid").jqGrid('addRowData', i + 1, mydata[i]);
        }
    }

Answer 1

试试这个

  if (title == "Check in List") {
     var content = '';
  }else {
     var content = '<p>Hii</p>';
  };

  $('#tt').tabs('add', {
      title: title,
      content: content,
      closable: true,
  }).tabs({
      onAdd: function(title,index){
           if (title == "Check in List") {
             CheckInRecordgrid();
           }
      }
  });