Question

我正在使用以下内容创建数据表。

   mydata = [{
        "id": "1",
        "name": "daniel",
        "age": "28",
        "position": "accountant",
        "status": "A"
    }, {
        "id": "2",
        "name": "jack",
        "age": "55",
        "position": "architect",
        "status": "R"
    }];

   $('#myTable').dataTable({
        "aaData": mydata,
            "aoColumns": [{
            "mDataProp": "id"
        ,{
            "mDataProp": "name"
        }, {
            "mDataProp": "age"
        }, {
            "mDataProp": "position"
        },
          {
            "mDataProp": "status"
        }]
    });

现在我需要为列“状态”（选项：D，L，A，R）创建一个组合框，每个状态都有一个单独的ID（使用“id”列中的ID）。首先，我使用mRender函数创建一个组合框，如：

 {
            "mDataProp": "status",
             mRender: function(oObj){
                    return '<select id = "status">'+'<option value = "D"> D </option>'+'<option value = "L"> L </option>'+'<option value = "A"> A </option>'+'<option value = "R"> R </option>'+'</select>';
        }
      }

这只是创建一个简单的组合框，但我想知道如何使用“id”列分配每个选项。有什么建议？

Answer 1

您可以从其他绝对网址（例如www.example.com/files/myJson.JSON）或相对网址（例如/files/myJson.JSON）获取您的JSON文件

其余的很简单。

$(document).ready(function() {
$.getJSON( "<<LOCATION OF YOUR FILE>>", function( data ) {
var mydata = data;

$('#myTable').dataTable({
    "aaData": mydata,
        "columns": [{
        "data": "name"
    }, {
        "data": "age"
    }, {
        "data": "position"
    }]
   });
  });
});

保持HTML不变。请注意，我简化了Datatables格式，因为您使用的是旧版本的标签。

在jquery数据表中创建组合框

1 个答案: