如何在動態標簽中添加內容

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();
           }
      }
  });