0

特定の列に対して、背景画像をクリック可能に設定する必要があるデータテーブルを使用しています。

私はそれをまとめることができません。私はテキストに対してそれを行うことができますが、背景画像に対してどのように行う必要があるかを理解することができます. 誰でも提案できますか。

ここに私のjavascriptがあります->

$(document).ready(function(){
    var myArray=JSON.parse(document.getElementById("populateDT").innerHTML);
        $('#example').dataTable
        (
            {
                "sScrollY": "500px",
                "bPaginate": false,
                "bScrollCollapse": true,
                 aaData: myArray,

                "aoColumns":
                    [
                        { "mData": "Id"},
                        { "mData": "Label"},
                        { "mData": "CT"},
                        { "mData": "data"},
                        { "mData": "Updated"},
                        { "sClass": "center", "mData":"", "sDefaultContent": '<a href="" class="editor_save">"getimage"</a> '},
                        { "sClass": "editimage", "mData":"","sDefaultContent": '<a href="" class="editor_save">this</a> ' },
                        { "sClass": "deleteimage", "mData":""}
                    ]
            } );
    });

以下は私のHTMLです

<table class="display" id="example" cellpadding="0" cellspacing="0" border="0">
<thead>
<ul>
    <li> <a href="addedit.jsp">Add Code Edit</a></li>
    <li> <a href="#">Import</a></li>
    <li> <a href="#">Export</a></li>
</ul>
<tr>
    <th>Id</th>
    <th>Label</th>
    <th>CT</th>
    <th>data</th>
    <th>UpdatedAt</th>
    <th></th>
    <th></th>
    <th></th>
</tr>
</thead>

<tbody>
<tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td class="getimage"></td>
    <td class="editimage"></td>
    <td class="deleteimage"></td>
</tr>
</tbody>
</table>

getimage、editimage、deleteimage をクリック可能にしたい。このリンクhttp://editor.datatables.net/release/DataTables/extras/Editor/examples/envelope_inline.htmlを理解しようとして いますが、助けが必要です。感謝します。ありがとう

http://jsfiddle.net/pratik24/bujfp/

4

1 に答える 1