Tro*_*ant 4 javascript asp.net-mvc jquery datatables
如果我有sAjaxSource,可以通过该参数传递参数以使页面更灵活吗?这就是我现在的情况:
"sAjaxSource": "Data/IndustryTable?region_type=4®ion_code=51&ind_min=10&ind_max=99"
Run Code Online (Sandbox Code Playgroud)
最终目标是,当用户登陆页面时,预定义参数将加载特定数据。用户进行选择后,其他更新参数的信息随后将更新数据表。
这是大多数就绪功能
$(document).ready(function () {
var anOpen = [];
var oTable = $('#VADataTable').dataTable
({
// "sDom": 'T<"clear">lfrtip',
// "oTableTools":
// {
// "sSwfPath": "/swf/copy_csv_xls_pdf.swf"
// }, //flash must be enabled
"iDisplayLength": 5, //defalut amount of rows shown on page
"bServerSide": false, //uses sever for filter curently turned off
"bFilter": false, //makes columns clickable to filter
"bProcessing": true,
//"bserverSide":true,
"bJQueryUI": true, //enables user interface
"bSort": true, //sorting for columns
"bScrollInfinite": true, //using this takes away ddl of selection
"sAjaxSource": "Data/IndustryTable?region_type=4®ion_code=51&ind_min=10&ind_max=99", //where ajax commands renders results
"sScrollY": "200px",
"sScrollX": "100%",
"sScrollXInner": "100%",
"bScrollCollapse": true,
Run Code Online (Sandbox Code Playgroud)
使用示例代码,它看起来像这样:
$(document).ready(function () {
var anOpen = [];
var oTable = $('#VADataTable').dataTable
({
// "sDom": 'T<"clear">lfrtip',
// "oTableTools":
// {
// "sSwfPath": "/swf/copy_csv_xls_pdf.swf"
// }, //flash must be enabled
"iDisplayLength": 5, //defalut amount of rows shown on page
"bServerSide": false, //uses sever for filter curently turned off
"bFilter": false, //makes columns clickable to filter
"bProcessing": true,
//"bserverSide":true,
"bJQueryUI": true, //enables user interface
"bSort": true, //sorting for columns
"bScrollInfinite": true, //using this takes away ddl of selection
"sAjaxSource": "Data/IndustryTable", //I use a custom .aspx page for my source
"fnServerParams": function ( aoData ) {
aoData.push( { "name": "region_type", "value": "4" },
{ "name": "region_code", "value": "51"},
{ "name": "ind_min", "value": "10"},
{ "name": "ind_max", "value": "99"} );
},
"sScrollY": "200px",
"sScrollX": "100%",
"sScrollXInner": "100%",
"bScrollCollapse": true,
...
Run Code Online (Sandbox Code Playgroud)
这样的设置将传递所有正常的Datatables参数以及region_type,region_code,ind_min和ind_max。
在sAjaxSource代码中,您可以像平常一样检索这些参数(我使用VB)
Dim RegionType As Integer = Request("region_type")
Run Code Online (Sandbox Code Playgroud)