2013-03-05 80 views
3

我試圖讓{ "bSortable": false, "fnRender": function(oObj){return "<a href='main.php?do=labour&action=edit&sid=" + oObj.aData[12] + "'>Edit</a>"; } }彈出,當我點擊編輯按鈕。ajax行可編輯數據表

這裏是我的GUI

gui

這裏是我的代碼:

<script type="text/javascript" charset="utf-8"> 
     var oTable; 

     /* Formating function for row details */ 
     function fnFormatDetails (nTr) 
     { 
      var aData = oTable.fnGetData(nTr); 
      var sOut = '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">'; 
      sOut += '<tr><td>Name:</td><td style="color:blue;">'+aData[3]+' '+aData[4]+' '+aData[5]+'</td></tr>'; 
      sOut += '<tr><td>Tag ID:</td><td style="color:blue;">'+aData[1]+'</td></tr>'; 
      sOut += '<tr><td>ID #:</td><td style="color:blue;">'+aData[2]+'</td></tr>'; 
      sOut += '<tr><td>Course:</td><td style="color:blue;">'+aData[9]+'</td></tr>'; 
      sOut += '<tr><td>Department:</td><td style="color:blue;">'+aData[7]+'</td></tr>'; 
      sOut += '<tr><td>Contact:</td><td style="color:blue;">'+aData[8]+'</td></tr>'; 
      sOut += '<tr><td>Address:</td><td style="color:blue;">'+aData[9]+'</td></tr>'; 
      sOut += '<tr><td>Last Modified:</td><td style="color:blue;">'+aData[10]+'</td></tr>'; 
      sOut += '</table>'; 

      return sOut; 
     } 
     $(document).ready(function() { 
      oTable = $('#example').dataTable({ 
       "bProcessing": true, 
       "bServerSide": true, 
       "sAjaxSource": "scripts/server_processing.php", 
       "aoColumns": [ 
        { "sClass": "", "bSortable": false }, 
        null, 
        null, 
        null, 
        { "sClass": "" }, 
        { "sClass": "" }, 
        { "bSortable": false, "fnRender": function(oObj){return "<a href='main.php?do=labour&action=edit&sid=" + oObj.aData[12] + "'>Edit</a>"; } //heres is my problem } 

       ], 
       "aaSorting": [[1, 'asc']] 
      }); 

      $('#example tbody td img').live('click', function() { 
       var nTr = $(this).parents('tr')[0]; 
       if (oTable.fnIsOpen(nTr)) 
       { 
        /* This row is already open - close it */ 
        this.src = "examples_support/details_open.png"; 
        oTable.fnClose(nTr); 
       } 
       else 
       { 
        /* Open this row */ 
        this.src = "examples_support/details_close.png"; 
        oTable.fnOpen(nTr, fnFormatDetails(nTr), 'details'); 
       } 

      }); 

     }); 

    </script> 

幫助我從MySQL數據庫的動態顯示的jQuery彈出代碼。彈出窗口顯示所有行,但不顯示相同的ID,即正確的ID不傳遞到彈出窗口。任何人都可以建議我。

回答

1
{ "bSortable": false, "fnRender": function(oObj){return "<a href='main.php?do=labour&action=edit&sid=" + oObj.aData[12] + "'>Edit</a>"; } 

不應該是oObj.aData [2]而不是oObj.aData [12]嗎?