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

我有一个jqQrid，我已经放置在HTML表格中。现在根据我的要求，我必须在超链接点击打开的动态选项卡中显示此网格。如何在动态选项卡中添加内容

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

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

来源

2014-10-29 Hansal Mehta

调用if条件里面的函数，它应该是'如果（标题== “检查表”）{ CheckInRecordgrid（）; '';}' – bipen 2014-10-29 07:54:21

@bipen我试过了但现在网格没有显示出来..它只是空白.. – 2014-10-29 07:56:33

@bipen先生，我已经更新了我的帖子，全网格代码也..请看看。。谢谢 – 2014-10-29 07:59:41

试试这个

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

来源

2014-10-29 09:04:48 bipen

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

回答

相关问题