3

{ "bSortable": false, "fnRender": function(oObj){return "<a href='main.php?do=labour&action=edit&sid=" + oObj.aData[12] + "'>Edit</a>"; } }編集ボタンをクリックするとポップアップするようにしています。

これが私の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 がポップアップ ウィンドウに渡されませんでした。誰でも私に提案できますか？

4

1 に答える 1

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

oObj.aData[12]ではなくoObj.aData[2]にすべきではありませんか？

于 2013-03-05T16:33:45.910 に答える