Javascript 要在查询中使用的$\请求字符串中的标签。您可以使用它将所选字段的值返回到查询中,以获得结果。 --编辑--
现在,对于搜索,您必须向源页面添加一些元素来处理排序/筛选/搜索等。这比听起来简单得多…每个变量都通过$u请求变量传递。检查,以获取输入内容以及如何对其进行排序的示例。是的,本教程是用PHP编写的,但重要的部分是计算它传递给您的值,并据此构建查询。忽略tut中特定于PHP的元素。如果还不清楚,我们可以帮你Javascript 要在查询中使用的$\请求字符串中的标签。您可以使用它将所选字段的值返回到查询中,以获得结果。 --编辑--,javascript,jquery,html,dom,datatables,Javascript,Jquery,Html,Dom,Datatables,现在,对于搜索,您必须向源页面添加一些元素来处理排序/筛选/搜索等。这比听起来简单得多…每个变量都通过$u请求变量传递。检查,以获取输入内容以及如何对其进行排序的示例。是的,本教程是用PHP编写的,但重要的部分是计算它传递给您的值,并据此构建查询。忽略tut中特定于PHP的元素。如果还不清楚,我们可以帮你 瞧……更高效、更少混乱,而且几乎完全按照您所说的去做,在我的应用程序中毫无问题地工作。不需要javascript巫术。尝试在绘图事件后设置单选按钮: $.get('store_handler.
瞧……更高效、更少混乱,而且几乎完全按照您所说的去做,在我的应用程序中毫无问题地工作。不需要javascript巫术。尝试在绘图事件后设置单选按钮:
$.get('store_handler.ashx', { cmd: '9', pubId: pubId, sub: sub }, function(o) {
$("#researchTableDiv").html(o.datatableContent);
$('#ResearchTable').dataTable({
"bJQueryUI": true,
"bPaginate": false,
"sScrollY": "450px",
"bSort": false,
"fnDrawCallback": function() {
if (o.radioCheck == "single")
$('#radioSingle').attr("checked", "checked");
else
$('#radioSub').attr("checked", "checked");
}
}
});
}, "json");
尝试在绘图事件后设置单选按钮:
$.get('store_handler.ashx', { cmd: '9', pubId: pubId, sub: sub }, function(o) {
$("#researchTableDiv").html(o.datatableContent);
$('#ResearchTable').dataTable({
"bJQueryUI": true,
"bPaginate": false,
"sScrollY": "450px",
"bSort": false,
"fnDrawCallback": function() {
if (o.radioCheck == "single")
$('#radioSingle').attr("checked", "checked");
else
$('#radioSub').attr("checked", "checked");
}
}
});
}, "json");
你有什么支持代码可以帮助解决你的问题吗?@Ant:我刚刚在dataTables.js中快速搜索了一下,找到了类似“jqFilter”的东西,搜索行为发生在哪里这是一个合法的问题…为什么它被标记为社区维基?你有任何支持代码可以帮助解决你的问题吗?@Ant:我刚刚在dataTables.js中进行了快速搜索,找到了类似“jqFilter”的东西,这是一个合法的问题…为什么它被标记为社区维基?这是一个很好的答案。我非常感谢您的建议,并且一定会考虑切换到JSON。然而,你认为切换到json会解决我的问题吗?不管怎样,我认为这是一种更直接、更清晰的实现目标的方法。我将编辑答案,添加一个部分,将查找值添加到Ajax查询中。我使用此方法基于输入文本值构建数据表(例如,按不同字段排序或进行复杂搜索),它应该能够根据您的字段进行筛选(而不是仅在请求字符串中传递字段)。一个不相关的问题我要仔细检查一下……一些浏览器在使用“选定”触发器时有一些怪癖。看这个:这是一个很好的答案。我非常感谢您的建议,并且一定会考虑切换到JSON。然而,你认为切换到json会解决我的问题吗?不管怎样,我认为这是一种更直接、更清晰的实现目标的方法。我将编辑答案,添加一个部分,将查找值添加到Ajax查询中。我使用此方法基于输入文本值构建数据表(例如,按不同字段排序或进行复杂搜索),它应该能够根据您的字段进行筛选(而不是仅在请求字符串中传递字段)。一个不相关的问题我要仔细检查一下……一些浏览器在使用“选定”触发器时有一些怪癖。看这个:就是这样!非常感谢你的帮助!我觉得这很简单!我使用的是“fnDrawCallback”:function(){$('.checked输入:radio:checked').attr(“checked”,“checked”);},但它不起作用@您需要更正选择器;-)$('input[checked]').attr(“checked”、“checked”);成功了!非常感谢你的帮助!我觉得这很简单!我使用的是“fnDrawCallback”:function(){$('.checked输入:radio:checked').attr(“checked”,“checked”);},但它不起作用@您需要更正选择器;-)$('input[checked]').attr(“checked”、“checked”);
{"sEcho": 1, "iTotalRecords": 1, "iTotalDisplayRecords": 1, "aaData":[["one", "for", "each", "column"]]}
$('#detailstable').dataTable( {
"aaSorting": [[ 1, "asc" ]],
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "handler.ashx",
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"bAutoWidth": false,
"bLengthChange": true,
"bPaginate": true,
"bSort": true,
"iDisplayLength": 10,
"bInfo": true,
"aoColumns": [
{ "sTitle": "One", "sWidth": "15%" , "sClass":"center"},
{ "sTitle": "For", "sWidth": "15%" , "sClass":"center"},
{ "sTitle": "Each", "sWidth": "15%", "sClass":"center" },
{ "sTitle": "Column", "sWidth": "15%" , "sClass":"center"}
],
"fnServerData": function ( sSource, aoData, fnCallback ) {
var something = $('#something').val();
var somethingelse = $('#somethingelse').val();
aoData.push( { "name": "something", "value": something },
{ "name": "somethingelse", "value": somethingelse }
);
$.ajax( {
"dataType": 'json',
"type": "POST",
"url": sSource,
"data": aoData,
"success": fnCallback
} );
}
});
$.get('store_handler.ashx', { cmd: '9', pubId: pubId, sub: sub }, function(o) {
$("#researchTableDiv").html(o.datatableContent);
$('#ResearchTable').dataTable({
"bJQueryUI": true,
"bPaginate": false,
"sScrollY": "450px",
"bSort": false,
"fnDrawCallback": function() {
if (o.radioCheck == "single")
$('#radioSingle').attr("checked", "checked");
else
$('#radioSub').attr("checked", "checked");
}
}
});
}, "json");