如何使用JSON日期在数据表中显示带有标签的HTML?

问题描述 投票:0回答:1

我正在使用数据表列出详细信息,并从另一页获取数据。JS代码

$(document).ready(function() {
    $('#app_table').DataTable( {
        "processing": true,
        "serverSide": true,
        "order": [[ 1, "desc" ]],
        'serverMethod': 'post',
        'ajax': {
            'url': "ajax/list_app.php"
        },
        'columns': [
            { data: 'id' },
            { data: 'Name' },
            { data: 'Referral_ID' },
            {
                data: null,render: function ( data, type, row ) {
                    // Combine the first and last names into a single table field
                    return data.action;
                }
            }
        ]
    } );
} );

而且我的Json数据是

{"draw":1,"iTotalRecords":"1","iTotalDisplayRecords":"1","aaData":[{"id":1,"Name":"Test","Referral_ID":"5ED91AF864754","action":"<select class='edit_status form-control' name='edit_status' style='width: 88px;'>\r\n            <option value=''>Select<\/option>\r\n            <option data-id='' value='Yes'  >Yes<\/option>\r\n            <option data-id='' value='No'  >No<\/option>\r\n        <\/select>"}]}

但是显示类似htmlentities()。任何人都有解决方案。

预先感谢。

html jquery datatables
1个回答
0
投票

我没有找到我所期望的,但是我有解决方案。我们可以使用直接HTML Link JSX来处理]

{
                data: null,render: function ( data, type, row ) {
                    // Combine the first and last names into a single table field
                    return "<select class='edit_status form-control' name='edit_status' style='width: 88px;'>\n" +
                        "            <option value=''>Select</option>\n" +
                        "            <option data-id='"+data.san_id+"' value='Yes' >Yes</option>\n" +
                        "            <option data-id='"+data.san_id+"' value='No' >No</option>\n" +
                        "        </select>";

                }
            },
© www.soinside.com 2019 - 2024. All rights reserved.