因此，我试图为用户请求的任何表格制作一个通用页面。为此，我尝试从服务器获取所有数据，而不在客户端进行任何硬编码。
$(document).ready(function(){
/* Add/remove class to a row when clicked on */
$('#table1 tr').on('click', function() {
$(this).toggleClass('row_selected');
} );
var which_table=window.location.pathname;
var which_table_data=which_table.substring(0, which_table.length-1)+'/data';
var table_name=which_table.substring(14, which_table.length-1);
$('#table1').dataTable({
"bProcessing": true,
"bServerSide": true,
"bjQueryUI": true,
"sAjaxSource": which_table_data,
"bPaginate": true,
"sPaginationType": "full_numbers",
"bjQueryUI": true,
"sScrollX":"100%",
"aoColumnDefs": [{
"targets" : [0],
"visible" : false,
"searchable" : false
}]
}).makeEditable({
"sUpdateURL": "../update/" + table_name,
"sAddURL": "../add/" + table_name,
"sDeleteURL": "../delete/" + table_name,
"aoColumns": $.ajax({
dataType: "json",
url: '/get_aoColumns',
data: function (table_name) {
return {
q: table_name
};
},
results: function (data) {
alert(data);
}
});
});
});
所以在这篇文章中基于 var which_table=window.location.pathname;我尝试从成功的服务器获取相应表的数据。但现在我想从服务器获取 aoColumns 数组。我的问题是我可以在同一请求中发送数据以及 aoData、secho 和其他必填字段吗？我认为这可能无法正确呈现数据表，因为 aoColumns 不是所需 json 的一部分。如何获取任何表的 aoColumns，以便即使验证也成为服务器端，并且我不必为每个表设计一页。
下面的部分不起作用，因为我不知道正确的方法是什么
"aoColumns": $.ajax({
dataType: "json",
url: '/get_aoColumns',
已编辑:-
我尝试了@garryp的方法..
这是我从服务器获取的数据
[{"cssclass": "required", "type": "textarea"}, {"sUpdateURL": "../update/my_table", "cssclass": "required", "type": "textarea", "loadtype": "POST", "submit": "OK"}, {"loadurl": "../data/", "sUpdateURL": "../update/my_table", "loadtype": "POST", "type": "select", "submit": "OK"}]
这是我的代码:
$(document).ready(function(){
/* Add/remove class to a row when clicked on */
$('#table1 tr').on('click', function() {
$(this).toggleClass('row_selected');
} );
var which_table=window.location.pathname;
var which_table_data=which_table.substring(0, which_table.length-1)+'/data';
var table_name=which_table.substring(14, which_table.length-1);
if(table_name.indexOf('Welog')> -1) {
$('#table1').dataTable({
"bProcessing": true,
"bServerSide": true,
"bjQueryUI": true,
"sAjaxSource": which_table_data,
"bPaginate": true,
"sPaginationType": "full_numbers",
"bjQueryUI": true,
"sScrollX": "100%"
});
$('#formAddNewRow').hide();
}
else {
$.ajax({
url: '../get_aodata/' + table_name,
async: false,
success: function (data) {
alert(data);
$('#table1').dataTable({
"bProcessing": true,
"bServerSide": true,
"bjQueryUI": true,
"sAjaxSource": which_table_data,
"bPaginate": true,
"sPaginationType": "full_numbers",
"bjQueryUI": true,
"sScrollX": "100%",
"aoColumnDefs": [{
"targets": [0],
"visible": false,
"searchable": false
}]
}).makeEditable({
"sUpdateURL": "../update/" + table_name,
"sAddURL": "../add/" + table_name,
"sDeleteURL": "../delete/" + table_name,
"sAddDeleteToolbarSelector": "#table1_length",
"aoColumns" : data
/*"aoColumns" : [
{
"cssclass": "required",
"type":"textarea"
},
{
"cssclass": "required",
"type":"textarea",
"submit" : "OK",
"sUpdateURL": "../update/"+table_name,
"loadtype" : "POST"
},
{
"loadurl" : "../data/",
"type" : "select",
"submit": "OK",
"sUpdateURL": "../update/"+table_name,
"loadtype" : "POST"
}
]*/
});
}
});
}
});
因此，如果您看到这段代码中注释掉的 aoColumns 与从服务器获取的输出完全相同，但从服务器获取的输出却不然t work and the one commented out if uncommented does work. The one got from the server if used using aoColumns : data just behaves the same way as if aoColumns parameter wasn makeeditable 函数中根本没有提到。这是否意味着数据未达到该参数，因为我在控制台中没有收到任何错误。
解决方案:-
success : function(data){
var data_str= JSON.parse(data);
});
好的。我必须使用 parse 将 json 字符串转换为 JSobject，然后它终于起作用了。
最佳答案
它不起作用，因为您在这里将 $.ajax(...) 的返回值分配给 aoColumns (当您实际上需要分配一个列数组到“aoColumns”):
}).makeEditable({
...
"aoColumns": $.ajax({
相反，您需要做的是首先进行 AJAX 调用。然后，在 jQuery success 函数内设置您的数据表。
$.ajax({
url: '/get_aoColumns',
...
success : function(data) {
// ToDo: put all your datatable code in here.
// and assign `data` to "aoColumns"
/** data table code **/
}).makeEditable({
"aoColumns": data
/** rest of data table code **/
}
我试图省略除重要部分之外的所有内容，以使要点清晰，但这应该可以帮助您了解哪里出了问题。
我在这里设置了一个 JS Fiddle，其中包含一个(未经测试的)代码示例(如果这没有意义):
关于jquery - 有没有办法从服务器获取可编辑数据表中的 aocolumns？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30116367/