idomyway

jQuery插件---datatables参数配置详解

datatables参数配置详解

[javascript] view plain copy

print ?

//@translator codepiano
//@blog codepiano
//@email [email protected]
//尝试着翻译了一下，难免有错误的地方，欢迎发邮件告知，多谢。
/*------------------------------------------------Feature------------------------------------------------*/
$(document).ready( function (){
$(‘selector‘).dataTable( {
/*
* 默认为true
* 是否自动计算列宽，计算列宽会花费一些时间，如果列宽通过aoColumns传递，可以关闭该属性作为优化
*/
"bAutoWidth":true,
/*
* 默认为false
* 是否延迟渲染，当用Ajax或者js方式加载数据时开启延迟渲染会带来很大的速度提升
* 当该属性设置为true时，表格每一行新增的元素只有在需要被画出来时才会被DataTable创建出来
*/
"bDeferRender":false,
/*
* 默认为true
* 是否对数据进行过滤，数据过滤是十分灵活的，允许终端用户输入多个用空格分隔开的关键字
* 匹配包含这些关键字的行，即使关键字的顺序不是用户输入的顺序，过滤操作会跨列进行匹配，关键字可以分布在一行中不同的列
* 要注意的是如果你想在DataTable中使用过滤，该选项必须设置为true，如果想移除默认过滤输入框但是保留过滤功能，请设置为false(API没写，推测是false)
*/
"bFilter":true,
/*
* 默认为true
* 是否显示表格信息，是指当前页面上显示的数据的信息，如果有过滤操作执行，也会显示过滤操作的信息
*/
"bInfo":true,
/*
* 默认为fasle
* 是否开启jQuery UI ThemeRoller支持，需要一些ThemeRoller使用的标记，这些标记有些与DataTable传统使用的有轻微的差异，有些是额外附加的
*/
"bJQueryUI":false,
/*
* 默认为true
* 是否允许终端用户从一个选择列表中选择分页的页数，页数为10，25，50和100，需要分页组件bPaginate的支持
*/
"bLengthChange":false,
/*
* 默认为true
* 是否开启分页功能,即使设置为false,仍然会有一个默认的<前进,后退>分页组件
*/
"bPaginage":true,
/*
* 默认为false
* 当表格在处理的时候（比如排序操作）是否显示“处理中...”
* 当表格的数据中的数据过多以至于对其中的记录进行排序时会消耗足以被察觉的时间的时候，该选项会有些用处
*/
"bProcessing":false,
/*
* 默认为false
* 是否开启不限制长度的滚动条（和sScrollY属性结合使用），不限制长度的滚动条意味着当用户拖动滚动条的时候DataTable会不断加载数据
* 当数据集十分大的时候会有些用处，该选项无法和分页选项同时使用，分页选项会被自动禁止，注意，额外推荐的滚动条会优先与该选项
*/
"bScrollInfinite":false,
/*
* 默认为false
* 配置DataTable使用服务器端处理，注意，sAjaxSource参数必须指定，以便给DataTable一个为每一行获取数据的数据源
*/
"bServerSide":false,
/*
* 默认为true
* 是否开启列排序，对单独列的设置在每一列的bSortable选项中指定
*/
"bSort":true,
/*
* 默认为true
* 是否在当前被排序的列上额外添加sorting_1,sorting_2,sorting_3三个class，当该列被排序的时候，可以切换其背景颜色
* 该选项作为一个来回切换的属性会增加执行时间（当class被移除和添加的时候）
* 当对大数据集进行排序的时候你或许希望关闭该选项
*/
"bSortClasses":true,
/*
* 默认为false
* 是否开启状态保存，当选项开启的时候会使用一个cookie保存表格展示的信息的状态，例如分页信息，展示长度，过滤和排序等
* 这样当终端用户重新加载这个页面的时候可以使用以前的设置
*/
"bStateSave":false,
/*
* 默认为空字符串，即：无效
* 是否开启水平滚动，当一个表格过于宽以至于无法放入一个布局的时候，或者表格有太多列的时候，你可以开启该选项
* 从而在一个可横向滚动的视图里面展示表格，该属性可以是css设置，或者一个数字（作为像素量度来使用）
*/
"sScrollX":"100%",
/*
* 默认为空字符串，即：无效
* 是否开启垂直滚动，垂直滚动会驱使DataTable设置为给定的长度，任何溢出到当前视图之外的数据可以通过垂直滚动进行察看
* 当在小范围区域中显示大量数据的时候，可以在分页和垂直滚动中选择一种方式，该属性可以是css设置，或者一个数字（作为像素量度来使用）
*/
"sScrollY":"100%",
/*
* 自定义语言设置
*/
"oLanguage":{
"oAria":{
/*
* 默认值为activate to sort column ascending
* 当一列被按照升序排序的时候添加到表头的ARIA标签，注意列头是这个字符串的前缀（？）
*/
"sSortAscending": " - click/return to sort ascending",
/*
* 默认值为activate to sort column ascending
* 当一列被按照升序降序的时候添加到表头的ARIA标签，注意列头是这个字符串的前缀（？）
*/
"sSortDescending": " - click/return to sort descending"
},
"oPaginate": {
/*
* 默认值为First
* 当使用全数字类型的分页组件的时候，到第一页按钮上的文字
*/
"sFirst": "First page",
/*
* 默认值为Last
* 当使用全数字类型的分页组件的时候，到最后一页按钮上的文字
*/
"sLast": "Last page",
/*
* 默认值为Next
* 当使用全数字类型的分页组件的时候，到下一页按钮上的文字
*/
"sNext": "Next page",
/*
* 默认值为Previous
* 当使用全数字类型的分页组件的时候，到前一页按钮上的文字
*/
"sPrevious": "Previous page"
},
/*
* 默认值activate to sort column ascending为
* 当表格中没有数据（无视因为过滤导致的没有数据）时，该字符串年优先与sZeroRecords显示
* 注意这是个可选参数，如果没有指定，sZeroRecrods会被使用（既不是默认值也不是给定的值）
*/
"sEmptyTable": "No data available in table",
/*
* 默认值为Showing _START_ to _END_ of _TOTAL_ entries
* 该属性给终端用户提供当前页面的展示信息，字符串中的变量会随着表格的更新被动态替换，而且可以被任意移动和删除
*/
"sInfo": "Got a total of _TOTAL_ entries to show (_START_ to _END_)",
/*
* 默认值为Showing 0 to 0 of 0 entries
* 当表格中没有数据时展示的表格信息，通常情况下格式会符合sInfo的格式
*/
"sInfoEmpty": "No entries to show",
/*
* 默认值为(filtered from _MAX_ total entries)
* 当用户过滤表格中的信息的时候，该字符串会被附加到信息字符串的后面，从而给出过滤器强度的直观概念
*/
"sInfoFiltered": " - filtering from _MAX_ records",
/*
* 默认值为空字符串
* 使用该属性可以很方便的向表格信息字符串中添加额外的信息，被添加的信息在任何时候都会被附加到表格信息组件的后面
* sInfoEmpty和sInfoFiltered可以以任何被使用的方式进行结合
*/
"sInfoPostFix": "All records shown are derived from real information.",
/*
* 默认值为‘,‘
* DataTable有内建的格式化数字的工具，可以用来格式化表格信息中较大的数字
* 默认情况下会自动调用，可以使用该选项来自定义分割的字符
*/
"sInfoThousands": "‘",
/*
* 默认值为Show _MENU_ entries
* 描述当分页组件的下拉菜单的选项被改变的时候发生的动作，‘_MENU_‘变量会被替换为默认的10，25，50，100
* 如果需要的话可以被自定义的下拉组件替换
*/
"sLengthMenu": "Display _MENU_ records",
/*
* 默认值为Loading...
* 当使用Ajax数据源和表格在第一次被加载搜集数据的时候显示的字符串，该信息在一个空行显示
* 向终端用户指明数据正在被加载，注意该参数在从服务器加载的时候无效，只有Ajax和客户端处理的时候有效
*/
"sLoadingRecords": "Please wait - loading...",
/*
* 默认值为Processing...
* 当表格处理用户动作（例如排序或者类似行为）的时候显示的字符串
*/
"sProcessing": "DataTables is currently busy",
/*
* 默认为Search:
* 描述用户在输入框输入过滤条件时的动作，变量‘_INPUT_‘,如果用在字符串中
* DataTable会使用用户输入的过滤条件替换_INPUT_为HTML文本组件，从而可以支配它（即用户输入的过滤条件）出现在信息字符串中的位置
* 如果变量没有指定，用户输入会自动添加到字符串后面
*/
"sSearch": "Apply filter _INPUT_ to table",
/*
* 默认值为空字符串，即：无效
* 所有语言信息可以被存储在服务器端的文件中，DataTable可以根据该参数指定的URL去寻找
* 必须保存语言文件的URL信息，必须是JSON格式，对象和初始化中使用的oLanguage对象具有相同的属性
* 请参考示例文件来了解该参数是如何工作的
*/
"sUrl": "http://www.sprymedia.co.uk/dataTables/lang.txt",
/*
* 默认值为No matching records found
* 当对数据进行过滤操作后，如果没有要显示的数据，会在表格记录中显示该字符串
* sEmptyTable只在表格中没有数据的时候显示，忽略过滤操作
*/
"sZeroRecords": "No records to display"
}
});
});
/*------------------------------------------------Options------------------------------------------------*/
/*
* bDestroy
* 默认为false
* 使用传递的新的初始化对象中的属性构造一个新的表格，并替换一个匹配指定的选择器的表格
* 如果没有匹配到表格，新的表格会被作为一个普通表格被构建
*/
$(‘selector‘).dataTable({
"bFilter": false,
"bDestroy": true
});
/*
* bRetrieve
* 默认为false
* 使用指定的选择器检索表格，注意，如果表格已经被初始化，该参数会直接返回已经被创建的对象
* 并不会顾及你传递进来的初始化参数对象的变化，将该参数设置为true说明你确认已经明白这一点
* 如果你需要的话，bDestroy可以用来重新初始化表格
*/
$(document).ready(function(){
initTable();
tableActions();
});
function initTable()
{
return $(‘#example‘).dataTable( {
"sScrollY": "200px",
"bPaginate": false,
"bRetrieve": true
});
}
function tableActions()
{
var oTable = initTable();
// perform API operations with oTable
}
/*
* bScrollAutoCss
* 默认为true
* 指明DataTable中滚动的标题元素是否被允许设置内边距和外边距等
*/
$(document).ready(function(){
$(‘#example‘).dataTable( {
"bScrollAutoCss": false,
"sScrollY": "200px"
});
});
/*
* bScrollCollapse
* 默认为false
* 当垂直滚动被允许的时候，DataTable会强制表格视图在任何时候都是给定的高度（对布局有利）
* 不过，当把数据集过滤到十分小的时候看起来会很古怪，而且页脚会留在最下面
* 当结果集的高度比给定的高度小时该参数会使表格高度自适应
*/
$(document).ready(function(){
$(‘#example‘).dataTable( {
"sScrollY": "200",
"bScrollCollapse": true
});
});
/*
* bSortCellsTop
* 默认为false
* 是否允许DataTable使用顶部（默认为true）的单元格，或者底部（默认为false）的单元格，当使用复合表头的时候会有些用处
*/
$(document).ready(function(){
$(‘#example‘).dataTable( {
"bSortCellsTop": true
});
});
/*
* iCookieDuration
* 默认为7200秒（2个小时）
* 设置用来存储会话信息的cookie的持续时间，单位是秒
*/
$(document).ready(function(){
$(‘#example‘).dataTable( {
"iCookieDuration": 60*60*24 // 1 day
});
})
/*
* iDeferLoading
* 默认为null
* 当选项被开启的时候，DataTable在非加载第一次的时候不会向服务器请求数据，而是会使用页面上的已有数据（不会应用排序等）
* 因此在加载的时候保留一个XmlHttpRequest，iDeferLoading被用来指明需要延迟加载，而且也用来通知DataTable一个满的表格有多少条数据
* 信息元素和分页会被正确保留
*/
$(document).ready(function(){
$(‘#example‘).dataTable( {
"bServerSide": true,
"sAjaxSource": "scripts/server_processing.php",
"iDeferLoading": 57
});
});
/*
* iDisplayLength
* 默认为10
* 单页显示的数据的条数，如果bLengthChange属性被开启，终端用户可以通过一个弹出菜单重写该数值
*/
$(document).ready(function(){
$(‘#example‘).dataTable( {
"bServerSide": true,
"sAjaxSource": "scripts/server_processing.php",
"iDeferLoading": 57
});
});
/*
* iDisplayStart
* 默认为0
* 当开启分页的时候，定义展示的记录的起始序号，不是页数，因此如果你每个分页有10条记录而且想从第三页开始
* 需要把该参数指定为20
*/
$(document).ready(function(){
$(‘#example‘).dataTable( {
"iDisplayStart": 20
});
})
/*
* iScrollLoadGap
* 默认为100
* 滚动余界是指DataTable在当前页面还有多少条数据可供滚动时自动加载新的数据，你可能希望指定一个足够大的余界
* 以便滚动加载数据的操作对用户来说是平滑的，同时也不会大到加载比需要的多的多的数据
*/
$(document).ready(function(){
$(‘#example‘).dataTable( {
"bScrollInfinite": true,
"bScrollCollapse": true,
"sScrollY": "200px",
"iScrollLoadGap": 50
});
});
/*
* iTabIndex
* 默认为0
* 默认情况下DataTable允许通过为需要键盘导航的元素添加tabindex属性来进行导航（排序、分页、过滤）
* 允许你通过tab键切换控制组件，使用回车键去激活他们，默认为0表示按照文档流来切换
* 如果需要的话，你可以使用该参数重写切换顺序，使用-1来禁止内建的键盘导航
*/
$(document).ready(function(){
$(‘#example‘).dataTable( {
"iTabIndex": 1
});
});
/*
* oSearch
* 无默认值
* 该参数允许你在初始化的时候使用已经定义的全局过滤状态，sSearch对象必须被定义，但是所有的其它选项都是可选的
* 当bRegex为true的时候，搜索字符串会被当作正则表达式，当为false（默认）的时候，会被直接当作一个字符串
* 当bSmart为true的时候，DataTable会使用使用灵活过滤策略（匹配任何可能的数据），为false的时候不会这样做
*/
$(document).ready(function(){
$(‘#example‘).dataTable( {
"oSearch": {"sSearch": "Initial search"}
});
})
/*
* sAjaxDataProp
* 默认为aaData
* 当使用Ajax数据源或者服务器端处理的时候，DataTable会默认搜索aaData属性作为数据源
* 该选项允许变更数据源的名称，你可以使用JavaScript的点号对象表示法去访问多级网状数据源
*/
// Get data from { "data": [...] }
$(document).ready(function(){
var oTable = $(‘#example‘).dataTable( {
"sAjaxSource": "sources/data.txt",
"sAjaxDataProp": "data"
});
});
// Get data from { "data": { "inner": [...] } }
$(document).ready(function(){
var oTable = $(‘#example‘).dataTable( {
"sAjaxSource": "sources/data.txt",
"sAjaxDataProp": "data.inner"
});
});
/*
* sAjaxSource
* 默认为null
* 该参数用来向DataTable指定加载的外部数据源（如果想使用现有的数据，请使用aData）
* 可以简单的提供一个可以用来获得数据url或者JSON对象，该对象必须包含aaData，作为表格的数据源
*/
$(document).ready(function(){
$(‘#example‘).dataTable( {
"sAjaxSource": "http://www.sprymedia.co.uk/dataTables/json.php"
});
})
/*
* sCookiePrefix
* 默认为SpryMedia_DataTables_
* 该参数可以用来重写DataTable默认指定的用来存储状态信息的cookie的前缀
*/
$(document).ready(function(){
$(‘#example‘).dataTable( {
"sCookiePrefix": "my_datatable_",
});
});
/*
* sDom
* 默认值为lfrtip (when bJQueryUI is false) or <"H"lfr>t<"F"ip> (when bJQueryUI is true)
* 该初始化属性用来指定你想把各种控制组件注入到dom节点的位置（比如你想把分页组件放到表格的顶部）
* DIV元素（带或者不带自定的class）可以添加目标样式，下列语法被使用
* 可供使用的选项
* ‘l‘ - 长度改变
* ‘f‘ - 过滤输入
* ‘t‘ - 表格
* ‘i‘ - 信息
* ‘p‘ - 分页
* ‘r‘ - 处理
* 可供使用的常量
* ‘H‘ - jQueryUI theme "header" classes(‘fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix‘)
* ‘F‘ - jQueryUI theme "footer" classes (‘fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix‘)
* 需要的语法
* ‘<‘ 和 ‘>‘ - div元素
* ‘<"class" and ‘>‘ - 带有class属性的div元素
* ‘<"#id" and ‘>‘ - 带有id属性的div元素
* 例子
* ‘<"wrapper"flipt>‘
* ‘ip>‘
*/
$(document).ready(function(){
$(‘#example‘).dataTable( {
"sDom": ‘<"top"i>rt<"bottom"flp><"clear"&lgt;‘
});
});
/*
* sPaginationType
* 默认为two_button
* DataTable内建了两种交互式分页策略，两个按钮和全页数，展现给终端用户不同的控制方式
* 可以通过API增加策略
*/
$(document).ready(function(){
$(‘#example‘).dataTable( {
"sPaginationType": "full_numbers"
});
})
/*
* sScrollXInner
* 默认为空字符串，即：无效
* 当横向滚动可用的时候，该属性可以用来强制DataTable的宽度比需要的更长
* 比如你需要表格彼此相隔适宜，该变量可以用来使表格变大，而且强制滚动
* 该该属性可以是css设置，或者一个数字（作为像素量度来使用）
*/
$(document).ready(function(){
$(‘#example‘).dataTable( {
"sScrollX": "100%",
"sScrollXInner": "110%"
});
});
/*
* sServerMethod
* 默认值为GET
* 设置使用Ajax方式调用的服务器端的处理方法或者Ajax数据源的HTTP请求方式
*/
$(document).ready(function(){
$(‘#example‘).dataTable({
"bServerSide": true,
"sAjaxSource": "scripts/post.php",
"sServerMethod": "POST"
});
});
/*------------------------------------------------Callback------------------------------------------------*/
/*
* fnCookieCallback
* 无默认值
* 当DataTable的状态保留可用时，自定义被保存的cookie和参数。只要cookie被修改就会调用此方法
* 该方法需要返回一个格式良好的cookie字符串，注意数据对象是以Javascript对象的形式传递进来的，必须转换成字符串，例如JSON格式
*/
$(document).ready(function (){
$(‘#example‘).dataTable({
"fnCookieCallback": function (sName, oData, sExpires, sPath) {
// Customise oData or sName or whatever else here
return sName + "="+JSON.stringify(oData)+"; expires=" + sExpires +"; path=" + sPath;
}
});
});
/*
* fnCreatedRow
* 无默认值
* 当一个新的TR元素（并且所有TD子元素被插入）被创建或者被作为一个DOM资源被注册时调用该函数
* 允许操作该TR元素
*/
$(document).ready(function(){
$(‘#example‘).dataTable({
"fnCreatedRow": function( nRow, aData, iDataIndex ){
// Bold the grade for all ‘A‘ grade browsers
if ( aData[4] == "A" )
{
$(‘td:eq(4)‘, nRow).html( ‘A‘ );
}
}
});
});
/*
* fnDrawCallback
* 无默认值
* 每当draw事件发生时调用该函数，允许你动态编辑新建的dom对象的任何属性
*/
$(document).ready( function(){
$(‘#example‘).dataTable({
"fnDrawCallback": function(){
alert( ‘DataTables has redrawn the table‘ );
}
});
});
/*
* fnFooterCallback
* 无默认值
* 与fnHeaderCallback()完全相同，只是该函数允许你在每一个draw时间发生时修改页脚
*/
$(document).ready( function(){
$(‘#example‘).dataTable({
"fnDrawCallback": function() {
alert( ‘DataTables has redrawn the table‘ );
}
});
});
/*
* fnFormatNumber
* 无默认值
* 当渲染表格信息（例如：显示57条记录中的1-10条）中大的数字时
* 为了方便用户，DataTable会使用逗号分割每千单位（例如1000000会被渲染为1,000,000）
* 该函数会重写DataTable默认使用的策略
*/
$(document).ready(function(){
$(‘#example‘).dataTable({
"fnFormatNumber": function ( iIn ) {
if ( iIn < 1000 ) {
return iIn;
} else {
var
s=(iIn+""),
a=s.split(""), out="",
iLen=s.length;
for ( var i=0 ; i
if ( i%3 === 0 && i !== 0 ) {
out = "‘"+out;
}
out = a[iLen-i-1]+out;
}
}
return out;
};
});
});
/*
* fnHeaderCallback
* 无默认值
* 每当draw事件发生时调用该函数，允许你动态编辑表头行，可以用来计算和展示关于表格的有用的信息
*/
$(document).ready(function(){
$(‘#example‘).dataTable({
"fnFormatNumber": function ( iIn ) {
if ( iIn < 1000 ) {
return iIn;
} else {
var
s=(iIn+""),
a=s.split(""), out="",
iLen=s.length;
for ( var i=0 ; i
if ( i%3 === 0 && i !== 0 ) {
out = "‘"+out;
}
out = a[iLen-i-1]+out;
}
}
return out;
};
});
});
/*
* fnInfoCallback
* 无默认值
* 信息元素可以用来传输表格当前状态的信息，尽管DataTable提供的国际化的选项在处理大多数自定义情况时已经相当方便了
* 或许你有时仍然希望自定义深层的字符串,该函数会满足你的需要
*/
$(‘#example‘).dataTable( {
"fnInfoCallback": function( oSettings, iStart, iEnd, iMax, iTotal, sPre ) {
return iStart +" to "+ iEnd;
}
});
/*
* fnInitComplete
* 无默认值
* 当表格被初始化后调用该函数，通常DataTable会被持续初始化，并不需要该函数
* 可是，当使用异步的XmlHttpRequest从外部获得语言信息时，初始化并不是持续的
*/
$(document).ready( function(){
$(‘#example‘).dataTable({
"fnInitComplete": function(oSettings, json) {
alert( ‘DataTables has finished its initialisation.‘ );
}
});
})
/*
* fnPreDrawCallback
* 无默认值
* 在每一个表格draw事件发生前调用该函数，通过返回false来取消draw事件
* 其它任何的返回值，包括undefined都会导致draw事件的发生
*/
$(document).ready( function(){
$(‘#example‘).dataTable({
"fnPreDrawCallback": function( oSettings ) {
if ( $(‘#test‘).val() == 1 ) {
return false;
}
}
});
});
/*
* fnRowCallback
* 无默认值
* 你可以通过该函数在每一个表格绘制事件发生之后，渲染到屏幕上之前，向表格里的每一行传递‘处理过程‘
* 该函数可以用来设置行的class名字等
*/
$(document).ready(function(){
$(‘#example‘).dataTable({
"fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
// Bold the grade for all ‘A‘ grade browsers
if ( aData[4] == "A" )
{
$(‘td:eq(4)‘, nRow).html( ‘A‘ );
}
}
});
});
/*
* fnServerData
* 无默认值
* 你可以使用该参数重写从服务器获取数据的方法（$.getJSON）,从而使其更适合你的应用
* 例如你可以使用POST方式提交，或者从Google Gears或者AIR数据库获取数据
*/
// POST data to server
$(document).ready(function(){
$(‘#example‘).dataTable( {
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "xhr.php",
"fnServerData": function ( sSource, aoData, fnCallback ) {
$.ajax( {
"dataType": ‘json‘,
"type": "POST",
"url": sSource,
"data": aoData,
"success": fnCallback
} );
}
});
});
/*
* fnServerParams
* 无默认值
* 用来在向服务器发送Ajax请求时发送额外的数据，例如自定义的过滤信息，该函数使向服务器发送额外参数变得简单
* 传递进来的参数是DataTable建立的数据集合，你可以根据需要添加或者修改该集合
*/
$(document).ready(function(){
$(‘#example‘).dataTable( {
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "scripts/server_processing.php",
"fnServerParams": function ( aoData ) {
aoData.push( { "name": "more_data", "value": "my_value" } );
}
});
});
/*
* fnStateLoad
* 无默认值
* 加载表格状态，使用该函数你可以定义状态信息加载的位置和方式，默认情况下DataTable会从cookie中加载
* 不过你或许希望使用本地存储（HTML5支持），或者服务端数据库
*/
$(document).ready(function(){
$(‘#example‘).dataTable({
"bStateSave": true,
"fnStateSave": function (oSettings, oData) {
var o;
// Send an Ajax request to the server to get the data. Note that
// this is a synchronous request.
$.ajax( {
"url": "/state_load",
"async": false,
"dataType": "json",
"success": function (json) {
o = json;
}
} );
return o;
}
});
});
/*
* fnStateLoadParams
* 无默认值
* 该回调可以用来在加载状态信息之前编辑状态信息
* 函数在表格从存储的数据加载状态信息时调用，在表格<当前使用的设置对象>被<从保存信息中加载的设置对象>修改以前调用
* 注意作为插件开发者，你应该使用‘stateLoadParams‘事件去加载plug-in的参数
*/
// Remove a saved filter, so filtering is never loaded
$(document).ready(function(){
$(‘#example‘).dataTable({
"bStateSave": true,
"fnStateLoadParams": function (oSettings, oData) {
oData.oFilter.sSearch = "";
});
});
// Disallow state loading by returning false
$(document).ready(function(){
$(‘#example‘).dataTable({
"bStateSave": true,
"fnStateLoadParams": function (oSettings, oData) {
return false;
});
});
/*
* fnStateLoaded
* 无默认值
* 在表格状态被状态存储方法读取和DataTable设置对象被修改时调用，作为被状态信息被加载的结果
*/
// Show an alert with the filtering value that was saved
$(document).ready(function(){
$(‘#example‘).dataTable({
"bStateSave": true,
"fnStateLoaded": function (oSettings, oData) {
alert( ‘Saved filter was: ‘+oData.oFilter.sSearch );
});
});
/*
* fnStateSave
* 无默认值
* 保存表格状态，使用该函数你可以定义状态信息保存的位置和方式，默认情况下DataTable会保存在cookie中
* 不过你或许希望使用本地存储（HTML5支持），或者服务端数据库
*/
$(document).ready(function(){
$(‘#example‘).dataTable({
"bStateSave": true,
"fnStateSave": function (oSettings, oData) {
// Send an Ajax request to the server with the state object
$.ajax( {
"url": "/state_save",
"data": oData,
"dataType": "json",
"method": "POST"
"success": function () {}
});
}
});
});
/*
* fnStateSaveParams
* 无默认值
* 该回调允许你编辑被保存的状态信息，在表格改变了状态信息需要保存的时候调用
* 可以使用该回调在保存状态信息的对象被保存以前对其进行修改，包括添加或者其它状态属性或者修改
*/
// Remove a saved filter, so filtering is never saved
$(document).ready(function(){
$(‘#example‘).dataTable({
"bStateSave": true,
"fnStateLoadParams": function (oSettings, oData) {
oData.oFilter.sSearch = "";
});
});
/*------------------------------------------------Columns------------------------------------------------*/
/*
* aDataSort
* 默认为null,自动使用列序号作为默认
* 在排序一列的时候同时将其它几列也排序，例如名和姓作为多列排序
*/
// Using aoColumnDefs
$(document).ready(function(){
$(‘#example‘).dataTable({
"aoColumnDefs": [
{ "aDataSort": [ 0, 1 ], "aTargets": [ 0 ] },
{ "aDataSort": [ 1, 0 ], "aTargets": [ 1 ] },
{ "aDataSort": [ 2, 3, 4 ], "aTargets": [ 2 ] }
]
});
});
// Using aoColumns
$(document).ready(function(){
$(‘#example‘).dataTable({
"aoColumns": [
{ "aDataSort": [ 0, 1 ] },
{ "aDataSort": [ 1, 0 ] },
{ "aDataSort": [ 2, 3, 4 ] },
null,
null
]
});
});
/*
* asSorting
* 默认为[ ‘asc‘, ‘desc‘ ]
* 你可以通过该参数控制默认排序的方向，甚至改变排序处理器的行为（例如：只允许升序排序）
*/
// Using aoColumnDefs
$(document).ready(function(){
$(‘#example‘).dataTable({
"aoColumnDefs": [
{ "asSorting": [ "asc" ], "aTargets": [ 1 ] },
{ "asSorting": [ "desc", "asc", "asc" ], "aTargets": [ 2 ] },
{ "asSorting": [ "desc" ], "aTargets": [ 3 ] }
]
});
});
// Using aoColumns
$(document).ready(function(){
$(‘#example‘).dataTable( {
"aoColumns": [
null,
{ "asSorting": [ "asc" ] },
{ "asSorting": [ "desc", "asc", "asc" ] },
{ "asSorting": [ "desc" ] },
null
]
});
});
/*
* bSearchable
* 默认为true
* 是否在列上应用过滤
*/
// Using aoColumnDefs
$(document).ready(function(){
$(‘#example‘).dataTable({
"aoColumnDefs": [
{ "bSearchable": false, "aTargets": [ 0 ] }
]} );
});
// Using aoColumns
$(document).ready(function(){
$(‘#example‘).dataTable({
"aoColumns": [
{ "bSearchable": false },
null,
null,
null,
null
] });
});
/*
* bSortable
* 默认为true
* 是否在某一列上开启排序
*/
// Using aoColumnDefs
$(document).ready(function(){
$(‘#example‘).dataTable({
"aoColumnDefs": [
{ "bSortable": false, "aTargets": [ 0 ] }
] });
});
// Using aoColumns
$(document).ready(function(){
$(‘#example‘).dataTable( {
"aoColumns": [
{ "bSortable": false },
null,
null,
null,
null
] });
});
/*
* bUseRendered
* 默认为true
* 当对一列使用使用fnRender时，你或许希望使用原始的数据（渲染以前）去排序或者过滤（默认是使用用户看到的渲染过的数据）
* 或许对日期类型有些用处，注意，现在建议使用mDataProp作为函数并且使用该函数提供的type参数，来允许不同的数据被用来排序，过滤，展现和类型检测
*/
// Using aoColumnDefs
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumnDefs": [
{
"fnRender": function ( oObj ) {
return oObj.aData[0] +‘ ‘+ oObj.aData[3];
},
"bUseRendered": false,
"aTargets": [ 0 ]
}
]
} );
} );
// Using aoColumns
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumns": [
{
"fnRender": function ( oObj ) {
return oObj.aData[0] +‘ ‘+ oObj.aData[3];
},
"bUseRendered": false
},
null,
null,
null,
null
]
} );
} );
/*
* bVisible
* 默认值为true
* 是否展示某一列
*/
// Using aoColumnDefs
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumnDefs": [
{ "bVisible": false, "aTargets": [ 0 ] }
] } );
} );
// Using aoColumns
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumns": [
{ "bVisible": false },
null,
null,
null,
null
] } );
} );
/*
* fnCreatedCell
* 无默认值
* 每当新的单元格被建立（Ajax源等）或者处理输入（DOM源）时，开发者可定义的函数会被调用
* 该属性用作fnRender的补充来允许你修改在fnRender函数调用之后新建的DOM元素（例如增加背景颜色）
*/
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumnDefs": [ {
"aTargets": [3],
"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
if ( sData == "1.7" ) {
$(nTd).css(‘color‘, ‘blue‘)
}
}
} ]
});
} );
/*
* fnRender
* 无默认值
* 自定义列中每个单元格被展示的时候调用的展示函数
*/
// Using aoColumnDefs
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumnDefs": [
{
"fnRender": function ( o, val ) {
return o.aData[0] +‘ ‘+ o.aData[3];
},
"aTargets": [ 0 ]
}
]
} );
} );
// Using aoColumns
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumns": [
{ "fnRender": function ( o, val ) {
return o.aData[0] +‘ ‘+ o.aData[3];
} },
null,
null,
null,
null
]
} );
} );
/*
* iDataSort
* 默认值为-1，使用自动计算的列标
* 当选择该列进行排序的时候，你希望调用排序操作的列的列号，该参数可以用来按隐藏列排序
*/
// Using aoColumnDefs
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumnDefs": [
{ "iDataSort": 1, "aTargets": [ 0 ] }
]
} );
} );
// Using aoColumns
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumns": [
{ "iDataSort": 1 },
null,
null,
null,
null
]
} );
} );
/*
* mDataProp
* 默认为null,使用自动计算的列标
* 该属性可以从任何JSON格式数据源读取属性，包括深层网状的对象和属性，
* 有几种不同的传递方式可以影响mDataProp的行为
* 整型：被当作数据源的数组下表，是DataTable使用的默认行为（每列递增）
* 字符串类型：被当作从数据源获取的对象的属性名，注意你可以使用Javascript点号访问符去访问深层次的属性或数组
* null：sDafaultContent选项会被使用到单元格上，（默认是空字符串，当生成可编辑列、可删除列的时候可以使用该属性）
* 函数：当表格获取或者设置单元格时被调用的函数，函数有三个参数
* {array|object}:该行的数据源
* {string}:调用数据请求的类型，设置数据时是‘set‘，收集数据时是‘filter‘,‘display‘,‘type‘,‘sort‘
* {*}:当第二个参数是set的时候，要被设置的数据
* 当类型是‘set‘的时候，该函数不需要返回一个值，除此之外，返回值是可以用来请求数据的
*/
// Read table data from objects
$(document).ready(function() {
var oTable = $(‘#example‘).dataTable( {
"sAjaxSource": "sources/deep.txt",
"aoColumns": [
{ "mDataProp": "engine" },
{ "mDataProp": "browser" },
{ "mDataProp": "platform.inner" },
{ "mDataProp": "platform.details.0" },
{ "mDataProp": "platform.details.1" }
]
} );
} );
// Using mDataProp as a function to provide different information for
// sorting, filtering and display. In this case, currency (price)
$(document).ready(function() {
var oTable = $(‘#example‘).dataTable( {
"aoColumnDefs": [
{
"aTargets": [ 0 ],
"mDataProp": function ( source, type, val ) {
if (type === ‘set‘) {
source.price = val;
// Store the computed dislay and filter values for efficiency
source.price_display = val=="" ? "" : "$"+numberFormat(val);
source.price_filter = val=="" ? "" : "$"+numberFormat(val)+" "+val;
return;
}
else if (type === ‘display‘) {
return source.price_display;
}
else if (type === ‘filter‘) {
return source.price_filter;
}
// ‘sort‘ and ‘type‘ both just use the integer
return source.price;
}
]
} );
} );
/*
* sClass
* 默认值为空字符串
* 该列的每一个单元格被赋予的class
*/
// Using aoColumnDefs
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumnDefs": [
{ "sClass": "my_class", "aTargets": [ 0 ] }
]
} );
} );
// Using aoColumns
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumns": [
{ "sClass": "my_class" },
null,
null,
null,
null
]
} );
} );
/*
* sContentPadding
* 默认值为空字符串
* 当DataTable计算分配给每一列的列宽的时候，会寻找每一列中最长的字符串，然后构建一个临时表
* 从临时表中读取宽度，这样带来的问题是‘mmm‘会比‘iiii‘的长度长很多，但是后者的长度要大
* 这样计算值会出现偏差（正确的处理然后放入DOM对象再测量长度会相当的慢），我们提供了这个选项作为一个解决方法
* 它会把他的值添加到该列最长的值的后面来计算列宽，通常你不需要该属性，该属性也没有被写到DataTables.net的文档中
*/
// Using aoColumns
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumns": [
null,
null,
null,
{
"sContentPadding": "mmm"
}
]
} );
} );
/*
* sDefaultContent
* 默认为空字符串
* 允许给列值一个默认值，只要发现null值就会显示默认值
* 可以由mDataProp设置为null或者数据源是null引起
*/
// Using aoColumnDefs
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumnDefs": [
{
"mDataProp": null,
"sDefaultContent": "Edit",
"aTargets": [ -1 ]
}
]
} );
} );
// Using aoColumns
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumns": [
null,
null,
null,
{
"mDataProp": null,
"sDefaultContent": "Edit"
}
]
} );
} );
/*
* sName
* 默认值为空字符串
* 该参数只有使用在服务器端处理的时候调用，在了解客户端展示了哪些列的时候十分有用
* 然后与数据库字段建立映射，当被定义时，如果服务器端返回的信息的顺序不是期望的顺序，也可以使用名字去区分
* 使用这种方式的好处是：用户在客户端交换了列，你的服务器端代码不用更新
*/
// Using aoColumnDefs
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumnDefs": [
{ "sName": "engine", "aTargets": [ 0 ] },
{ "sName": "browser", "aTargets": [ 1 ] },
{ "sName": "platform", "aTargets": [ 2 ] },
{ "sName": "version", "aTargets": [ 3 ] },
{ "sName": "grade", "aTargets": [ 4 ] }
]
} );
} );
// Using aoColumns
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumns": [
{ "sName": "engine" },
{ "sName": "browser" },
{ "sName": "platform" },
{ "sName": "version" },
{ "sName": "grade" }
]
} );
} );
/*
* sSortDataType
* 默认值为std
* 为排序操作定义可以用来在排序前读取实时表格信息（更新内部缓存版本）的数据源的类型
* 允许排序事件发生在用户可编辑的元素上，例如输入框
*/
// Using aoColumnDefs
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumnDefs": [
{ "sSortDataType": "dom-text", "aTargets": [ 2, 3 ] },
{ "sType": "numeric", "aTargets": [ 3 ] },
{ "sSortDataType": "dom-select", "aTargets": [ 4 ] },
{ "sSortDataType": "dom-checkbox", "aTargets": [ 5 ] }
]
} );
} );
// Using aoColumns
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumns": [
null,
null,
{ "sSortDataType": "dom-text" },
{ "sSortDataType": "dom-text", "sType": "numeric" },
{ "sSortDataType": "dom-select" },
{ "sSortDataType": "dom-checkbox" }
]
} );
} );
/*
* sTitle
* 默认值为null,从TH标签读取
* 列名
*/
// Using aoColumnDefs
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumnDefs": [
{ "sTitle": "My column title", "aTargets": [ 0 ] }
]
} );
} );
// Using aoColumns
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumns": [
{ "sTitle": "My column title" },
null,
null,
null,
null
]
} );
} );
/*
* sType
* 默认值为null,从弱引用数据中自动判断
* 允许你指定该列数据按什么类型来排序，目前有四种类型（字符串，数字，日期和html（在排序前会自动除去HTML标记））可选
* 注意只有能够被Javascript的Date对象接受的格式化日期字符串才会被当作日期类型接受，例如"Mar 26, 2008 5:03 PM"
* 默认是使用html类型，更多类型可以通过插件添加
*/
// Using aoColumnDefs
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumnDefs": [
{ "sType": "html", "aTargets": [ 0 ] }
]
} );
} );
// Using aoColumns
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumns": [
{ "sType": "html" },
null,
null,
null,
null
]
} );
} );
/*
* sWidth
* 默认值为null,自动的
* 定义列的宽度，该参数可以接受CSS定义（3em,20px等），DataTable对没有通过该接口指定宽度的列使用灵活宽度
* 从而保证表格是可被读的
*/
// Using aoColumnDefs
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumnDefs": [
{ "sWidth": "20%", "aTargets": [ 0 ] }
]
} );
} );
// Using aoColumns
$(document).ready(function() {
$(‘#example‘).dataTable( {
"aoColumns": [
{ "sWidth": "20%" },
null,
null,
null,
null
]
} );
} );
/*------------------------------------------------ServerSide------------------------------------------------*/
/*
* bServerSide
* 默认值false
* 配置使用服务器端处理的DataTable，注意sAjaxSource参数必须指定，以便给DataTable一个获取每行数据的数据源
*/
$(document).ready( function () {
$(‘#example‘).dataTable( {
"bServerSide": true,
"sAjaxSource": "xhr.php"
} );
} );
/*
* fnServerData
* 无默认值
* 你可以使用该参数重写从服务器获取数据的方法（$.getJSON）,从而使其更适合你的应用
* 例如你可以使用POST方式提交，或者从Google Gears或者AIR数据库获取数据
*/
// POST data to server
$(document).ready(function() {
$(‘#example‘).dataTable( {
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "xhr.php",
"fnServerData": function ( sSource, aoData, fnCallback ) {
$.ajax( {
"dataType": ‘json‘,
"type": "POST",
"url": sSource,
"data": aoData,
"success": fnCallback
} );
}
} );
} );
/*
* fnServerParams
* 无默认值
* 用来在向服务器发送Ajax请求时发送额外的数据，例如自定义的过滤信息，该函数使向服务器发送额外参数变得简单
* 传递进来的参数是DataTable建立的数据集合，你可以根据需要添加或者修改该集合
*/
$(document).ready(function() {
$(‘#example‘).dataTable( {
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "scripts/server_processing.php",
"fnServerParams": function ( aoData ) {
aoData.push( { "name": "more_data", "value": "my_value" } );
}
} );
} );
/*
* sAjaxDataProp
* 默认为aaData
* 当使用Ajax数据源或者服务器端处理的时候，DataTable会默认搜索aaData属性作为数据源
* 该选项允许变更数据源的名称，你可以使用JavaScript的点号对象表示法去访问多级网状数据源
*/
// Get data from { "data": [...] }
$(document).ready(function() {
var oTable = $(‘#example‘).dataTable( {
"sAjaxSource": "sources/data.txt",
"sAjaxDataProp": "data"
} );
} );
// Get data from { "data": { "inner": [...] } }
$(document).ready(function() {
var oTable = $(‘#example‘).dataTable( {
"sAjaxSource": "sources/data.txt",
"sAjaxDataProp": "data.inner"
} );
} );
/*
* sAjaxSource
* 默认为null
* 该参数用来向DataTable指定加载的外部数据源（如果想使用现有的数据，请使用aData）
* 可以简单的提供一个可以用来获得数据url或者JSON对象，该对象必须包含aaData，作为表格的数据源
*/
$(document).ready(function(){
$(‘#example‘).dataTable( {
"sAjaxSource": "http://www.sprymedia.co.uk/dataTables/json.php"
});
})
/*
* sServerMethod
* 默认值为GET
* 设置使用Ajax方式调用的服务器端的处理方法或者Ajax数据源的HTTP请求方式
*/
$(document).ready(function(){
$(‘#example‘).dataTable({
"bServerSide": true,
"sAjaxSource": "scripts/post.php",
"sServerMethod": "POST"
});
});

//@translator codepiano  
//@blog codepiano   
//@email [email protected]  
//尝试着翻译了一下，难免有错误的地方，欢迎发邮件告知，多谢。  
/*------------------------------------------------Feature------------------------------------------------*/  
$(document).ready( function (){  
  $(‘selector‘).dataTable( {  
    /* 
     *  默认为true 
     *  是否自动计算列宽，计算列宽会花费一些时间，如果列宽通过aoColumns传递，可以关闭该属性作为优化 
     */  
    "bAutoWidth":true,  
    /* 
     *  默认为false 
     *  是否延迟渲染，当用Ajax或者js方式加载数据时开启延迟渲染会带来很大的速度提升 
     *  当该属性设置为true时，表格每一行新增的元素只有在需要被画出来时才会被DataTable创建出来 
     */  
    "bDeferRender":false,  
    /* 
     * 默认为true 
     * 是否对数据进行过滤，数据过滤是十分灵活的，允许终端用户输入多个用空格分隔开的关键字 
     * 匹配包含这些关键字的行，即使关键字的顺序不是用户输入的顺序，过滤操作会跨列进行匹配，关键字可以分布在一行中不同的列 
     * 要注意的是如果你想在DataTable中使用过滤，该选项必须设置为true，如果想移除默认过滤输入框但是保留过滤功能，请设置为false(API没写，推测是false) 
     */  
    "bFilter":true,  
    /* 
     * 默认为true 
     * 是否显示表格信息，是指当前页面上显示的数据的信息，如果有过滤操作执行，也会显示过滤操作的信息 
     */  
    "bInfo":true,  
    /* 
     * 默认为fasle 
     * 是否开启jQuery UI ThemeRoller支持，需要一些ThemeRoller使用的标记，这些标记有些与DataTable传统使用的有轻微的差异，有些是额外附加的 
     */  
    "bJQueryUI":false,  
    /* 
     * 默认为true 
     * 是否允许终端用户从一个选择列表中选择分页的页数，页数为10，25，50和100，需要分页组件bPaginate的支持 
     */  
    "bLengthChange":false,  
    /* 
     * 默认为true 
     * 是否开启分页功能,即使设置为false,仍然会有一个默认的<前进,后退>分页组件 
     */  
    "bPaginage":true,  
    /* 
     * 默认为false 
     * 当表格在处理的时候（比如排序操作）是否显示“处理中...” 
     * 当表格的数据中的数据过多以至于对其中的记录进行排序时会消耗足以被察觉的时间的时候，该选项会有些用处 
     */  
    "bProcessing":false,  
    /* 
     * 默认为false 
     * 是否开启不限制长度的滚动条（和sScrollY属性结合使用），不限制长度的滚动条意味着当用户拖动滚动条的时候DataTable会不断加载数据 
     * 当数据集十分大的时候会有些用处，该选项无法和分页选项同时使用，分页选项会被自动禁止，注意，额外推荐的滚动条会优先与该选项 
     */  
    "bScrollInfinite":false,  
    /* 
     * 默认为false 
     * 配置DataTable使用服务器端处理，注意，sAjaxSource参数必须指定，以便给DataTable一个为每一行获取数据的数据源 
     */  
    "bServerSide":false,  
    /* 
     * 默认为true 
     * 是否开启列排序，对单独列的设置在每一列的bSortable选项中指定 
     */  
    "bSort":true,  
    /* 
     * 默认为true 
     * 是否在当前被排序的列上额外添加sorting_1,sorting_2,sorting_3三个class，当该列被排序的时候，可以切换其背景颜色 
     * 该选项作为一个来回切换的属性会增加执行时间（当class被移除和添加的时候） 
     * 当对大数据集进行排序的时候你或许希望关闭该选项 
     */  
    "bSortClasses":true,  
    /* 
     * 默认为false 
     * 是否开启状态保存，当选项开启的时候会使用一个cookie保存表格展示的信息的状态，例如分页信息，展示长度，过滤和排序等 
     * 这样当终端用户重新加载这个页面的时候可以使用以前的设置 
     */  
    "bStateSave":false,  
    /* 
     * 默认为空字符串，即：无效 
     * 是否开启水平滚动，当一个表格过于宽以至于无法放入一个布局的时候，或者表格有太多列的时候，你可以开启该选项 
     * 从而在一个可横向滚动的视图里面展示表格，该属性可以是css设置，或者一个数字（作为像素量度来使用） 
     */  
    "sScrollX":"100%",  
    /* 
     * 默认为空字符串，即：无效 
     * 是否开启垂直滚动，垂直滚动会驱使DataTable设置为给定的长度，任何溢出到当前视图之外的数据可以通过垂直滚动进行察看 
     * 当在小范围区域中显示大量数据的时候，可以在分页和垂直滚动中选择一种方式，该属性可以是css设置，或者一个数字（作为像素量度来使用） 
     */  
    "sScrollY":"100%",  
    /* 
     * 自定义语言设置 
     */  
    "oLanguage":{  
        "oAria":{  
        /* 
         * 默认值为activate to sort column ascending 
         * 当一列被按照升序排序的时候添加到表头的ARIA标签，注意列头是这个字符串的前缀（？） 
         */  
            "sSortAscending": " - click/return to sort ascending",  
        /* 
         * 默认值为activate to sort column ascending 
         * 当一列被按照升序降序的时候添加到表头的ARIA标签，注意列头是这个字符串的前缀（？） 
         */  
            "sSortDescending": " - click/return to sort descending"  
        },  
        "oPaginate": {  
            /* 
             * 默认值为First 
             * 当使用全数字类型的分页组件的时候，到第一页按钮上的文字 
             */  
            "sFirst": "First page",  
            /* 
             * 默认值为Last 
             * 当使用全数字类型的分页组件的时候，到最后一页按钮上的文字 
             */  
            "sLast": "Last page",  
            /* 
             * 默认值为Next 
             * 当使用全数字类型的分页组件的时候，到下一页按钮上的文字 
             */  
            "sNext": "Next page",  
            /* 
             * 默认值为Previous 
             * 当使用全数字类型的分页组件的时候，到前一页按钮上的文字 
             */  
            "sPrevious": "Previous page"  
        },  
        /* 
         * 默认值activate to sort column ascending为 
         * 当表格中没有数据（无视因为过滤导致的没有数据）时，该字符串年优先与sZeroRecords显示 
         * 注意这是个可选参数，如果没有指定，sZeroRecrods会被使用（既不是默认值也不是给定的值） 
         */  
        "sEmptyTable": "No data available in table",  
        /* 
         * 默认值为Showing _START_ to _END_ of _TOTAL_ entries  
         * 该属性给终端用户提供当前页面的展示信息，字符串中的变量会随着表格的更新被动态替换，而且可以被任意移动和删除 
         */  
        "sInfo": "Got a total of _TOTAL_ entries to show (_START_ to _END_)",  
        /* 
         * 默认值为Showing 0 to 0 of 0 entries  
         * 当表格中没有数据时展示的表格信息，通常情况下格式会符合sInfo的格式 
         */  
        "sInfoEmpty": "No entries to show",  
        /* 
         * 默认值为(filtered from _MAX_ total entries)  
         * 当用户过滤表格中的信息的时候，该字符串会被附加到信息字符串的后面，从而给出过滤器强度的直观概念 
         */  
        "sInfoFiltered": " - filtering from _MAX_ records",  
        /* 
         * 默认值为空字符串 
         * 使用该属性可以很方便的向表格信息字符串中添加额外的信息，被添加的信息在任何时候都会被附加到表格信息组件的后面 
         * sInfoEmpty和sInfoFiltered可以以任何被使用的方式进行结合 
         */  
        "sInfoPostFix": "All records shown are derived from real information.",  
        /* 
         * 默认值为‘,‘ 
         * DataTable有内建的格式化数字的工具，可以用来格式化表格信息中较大的数字 
         * 默认情况下会自动调用，可以使用该选项来自定义分割的字符  
         */  
        "sInfoThousands": "‘",  
        /* 
         * 默认值为Show _MENU_ entries  
         * 描述当分页组件的下拉菜单的选项被改变的时候发生的动作，‘_MENU_‘变量会被替换为默认的10，25，50，100 
         * 如果需要的话可以被自定义的下拉组件替换 
         */  
         "sLengthMenu": "Display _MENU_ records",  
         /* 
          * 默认值为Loading... 
          * 当使用Ajax数据源和表格在第一次被加载搜集数据的时候显示的字符串，该信息在一个空行显示 
          * 向终端用户指明数据正在被加载，注意该参数在从服务器加载的时候无效，只有Ajax和客户端处理的时候有效 
          */  
         "sLoadingRecords": "Please wait - loading...",  
         /* 
          * 默认值为Processing... 
          * 当表格处理用户动作（例如排序或者类似行为）的时候显示的字符串 
          */  
         "sProcessing": "DataTables is currently busy",  
         /* 
          * 默认为Search: 
          * 描述用户在输入框输入过滤条件时的动作，变量‘_INPUT_‘,如果用在字符串中 
          * DataTable会使用用户输入的过滤条件替换_INPUT_为HTML文本组件，从而可以支配它（即用户输入的过滤条件）出现在信息字符串中的位置  
          * 如果变量没有指定，用户输入会自动添加到字符串后面 
          */  
         "sSearch": "Apply filter _INPUT_ to table",  
         /* 
          * 默认值为空字符串，即：无效 
          * 所有语言信息可以被存储在服务器端的文件中，DataTable可以根据该参数指定的URL去寻找 
          * 必须保存语言文件的URL信息，必须是JSON格式，对象和初始化中使用的oLanguage对象具有相同的属性 
          * 请参考示例文件来了解该参数是如何工作的 
          */  
         "sUrl": "http://www.sprymedia.co.uk/dataTables/lang.txt",  
         /* 
          * 默认值为No matching records found 
          * 当对数据进行过滤操作后，如果没有要显示的数据，会在表格记录中显示该字符串 
          * sEmptyTable只在表格中没有数据的时候显示，忽略过滤操作 
          */  
         "sZeroRecords": "No records to display"  
     }  
   });  
 });  
   
 /*------------------------------------------------Options------------------------------------------------*/  
 /* 
  * bDestroy 
  * 默认为false 
  * 使用传递的新的初始化对象中的属性构造一个新的表格，并替换一个匹配指定的选择器的表格 
  * 如果没有匹配到表格，新的表格会被作为一个普通表格被构建 
  */  
 $(‘selector‘).dataTable({  
      "bFilter": false,  
      "bDestroy": true  
  });  
    
  /* 
   * bRetrieve 
   * 默认为false 
   * 使用指定的选择器检索表格，注意，如果表格已经被初始化，该参数会直接返回已经被创建的对象 
   * 并不会顾及你传递进来的初始化参数对象的变化，将该参数设置为true说明你确认已经明白这一点 
   * 如果你需要的话，bDestroy可以用来重新初始化表格 
   */  
  $(document).ready(function(){  
    initTable();  
    tableActions();  
  });  
    
  function initTable()  
  {  
    return $(‘#example‘).dataTable( {  
      "sScrollY": "200px",  
      "bPaginate": false,  
      "bRetrieve": true  
    });  
  }  
   
 function tableActions()  
 {  
   var oTable = initTable();  
   // perform API operations with oTable   
 }  
   
 /* 
  * bScrollAutoCss 
  * 默认为true 
  * 指明DataTable中滚动的标题元素是否被允许设置内边距和外边距等 
  */  
 $(document).ready(function(){  
   $(‘#example‘).dataTable( {  
     "bScrollAutoCss": false,  
     "sScrollY": "200px"  
   });  
 });  
   
 /* 
  * bScrollCollapse 
  * 默认为false 
  * 当垂直滚动被允许的时候，DataTable会强制表格视图在任何时候都是给定的高度（对布局有利） 
  * 不过，当把数据集过滤到十分小的时候看起来会很古怪，而且页脚会留在最下面 
  * 当结果集的高度比给定的高度小时该参数会使表格高度自适应 
  */  
 $(document).ready(function(){  
   $(‘#example‘).dataTable( {  
     "sScrollY": "200",  
     "bScrollCollapse": true  
   });  
 });  
   
 /* 
  * bSortCellsTop 
  * 默认为false 
  * 是否允许DataTable使用顶部（默认为true）的单元格，或者底部（默认为false）的单元格，当使用复合表头的时候会有些用处 
  */  
 $(document).ready(function(){  
   $(‘#example‘).dataTable( {  
     "bSortCellsTop": true  
   });  
 });  
   
 /* 
  * iCookieDuration 
  * 默认为7200秒（2个小时） 
  * 设置用来存储会话信息的cookie的持续时间，单位是秒 
  */  
 $(document).ready(function(){  
   $(‘#example‘).dataTable( {  
     "iCookieDuration": 60*60*24 // 1 day  
   });  
 })  
   
 /* 
  * iDeferLoading 
  * 默认为null 
  * 当选项被开启的时候，DataTable在非加载第一次的时候不会向服务器请求数据，而是会使用页面上的已有数据（不会应用排序等） 
  * 因此在加载的时候保留一个XmlHttpRequest，iDeferLoading被用来指明需要延迟加载，而且也用来通知DataTable一个满的表格有多少条数据 
  * 信息元素和分页会被正确保留 
  */  
 $(document).ready(function(){  
   $(‘#example‘).dataTable( {  
     "bServerSide": true,  
     "sAjaxSource": "scripts/server_processing.php",  
     "iDeferLoading": 57  
   });  
 });  
   
 /* 
  * iDisplayLength 
  * 默认为10 
  * 单页显示的数据的条数，如果bLengthChange属性被开启，终端用户可以通过一个弹出菜单重写该数值 
  */  
 $(document).ready(function(){  
   $(‘#example‘).dataTable( {  
     "bServerSide": true,  
     "sAjaxSource": "scripts/server_processing.php",  
     "iDeferLoading": 57  
   });  
 });  
   
 /* 
  * iDisplayStart 
  * 默认为0 
  * 当开启分页的时候，定义展示的记录的起始序号，不是页数，因此如果你每个分页有10条记录而且想从第三页开始 
  * 需要把该参数指定为20 
  */  
 $(document).ready(function(){  
   $(‘#example‘).dataTable( {  
     "iDisplayStart": 20  
   });  
 })  
   
 /* 
  * iScrollLoadGap 
  * 默认为100 
  * 滚动余界是指DataTable在当前页面还有多少条数据可供滚动时自动加载新的数据，你可能希望指定一个足够大的余界 
  * 以便滚动加载数据的操作对用户来说是平滑的，同时也不会大到加载比需要的多的多的数据 
  */  
 $(document).ready(function(){  
   $(‘#example‘).dataTable( {  
     "bScrollInfinite": true,  
     "bScrollCollapse": true,  
     "sScrollY": "200px",  
     "iScrollLoadGap": 50  
   });  
 });  
   
 /* 
  * iTabIndex 
  * 默认为0 
  * 默认情况下DataTable允许通过为需要键盘导航的元素添加tabindex属性来进行导航（排序、分页、过滤） 
  * 允许你通过tab键切换控制组件，使用回车键去激活他们，默认为0表示按照文档流来切换 
  * 如果需要的话，你可以使用该参数重写切换顺序，使用-1来禁止内建的键盘导航 
  */  
 $(document).ready(function(){  
   $(‘#example‘).dataTable( {  
     "iTabIndex": 1  
   });  
 });  
   
 /* 
  * oSearch 
  * 无默认值 
  * 该参数允许你在初始化的时候使用已经定义的全局过滤状态，sSearch对象必须被定义，但是所有的其它选项都是可选的 
  * 当bRegex为true的时候，搜索字符串会被当作正则表达式，当为false（默认）的时候，会被直接当作一个字符串 
  * 当bSmart为true的时候，DataTable会使用使用灵活过滤策略（匹配任何可能的数据），为false的时候不会这样做 
  */  
 $(document).ready(function(){  
     $(‘#example‘).dataTable( {  
         "oSearch": {"sSearch": "Initial search"}  
     });  
 })  
   
 /* 
  * sAjaxDataProp 
  * 默认为aaData 
  * 当使用Ajax数据源或者服务器端处理的时候，DataTable会默认搜索aaData属性作为数据源 
  * 该选项允许变更数据源的名称，你可以使用JavaScript的点号对象表示法去访问多级网状数据源 
  */  
 // Get data from { "data": [...] }  
 $(document).ready(function(){  
   var oTable = $(‘#example‘).dataTable( {  
     "sAjaxSource": "sources/data.txt",  
     "sAjaxDataProp": "data"  
   });  
 });  
   
 // Get data from { "data": { "inner": [...] } }  
 $(document).ready(function(){  
   var oTable = $(‘#example‘).dataTable( {  
     "sAjaxSource": "sources/data.txt",  
     "sAjaxDataProp": "data.inner"  
   });  
 });  
   
 /* 
  * sAjaxSource 
  * 默认为null 
  * 该参数用来向DataTable指定加载的外部数据源（如果想使用现有的数据，请使用aData） 
  * 可以简单的提供一个可以用来获得数据url或者JSON对象，该对象必须包含aaData，作为表格的数据源 
  */  
 $(document).ready(function(){  
   $(‘#example‘).dataTable( {  
     "sAjaxSource": "http://www.sprymedia.co.uk/dataTables/json.php"  
   });  
 })  
   
 /* 
  * sCookiePrefix 
  * 默认为SpryMedia_DataTables_ 
  * 该参数可以用来重写DataTable默认指定的用来存储状态信息的cookie的前缀 
 */  
 $(document).ready(function(){  
   $(‘#example‘).dataTable( {  
     "sCookiePrefix": "my_datatable_",  
   });  
 });  
   
 /* 
  * sDom 
  * 默认值为lfrtip (when bJQueryUI is false) or <"H"lfr>t<"F"ip> (when bJQueryUI is true) 
  * 该初始化属性用来指定你想把各种控制组件注入到dom节点的位置（比如你想把分页组件放到表格的顶部） 
  * DIV元素（带或者不带自定的class）可以添加目标样式，下列语法被使用 
  *  可供使用的选项 
  *      ‘l‘ - 长度改变 
  *      ‘f‘ - 过滤输入 
  *      ‘t‘ - 表格 
  *      ‘i‘ - 信息 
  *      ‘p‘ - 分页 
  *      ‘r‘ - 处理 
  *  可供使用的常量 
  *      ‘H‘ - jQueryUI theme "header" classes(‘fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix‘) 
  *      ‘F‘ - jQueryUI theme "footer" classes (‘fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix‘) 
  *  需要的语法 
  *      ‘<‘ 和 ‘>‘ - div元素 
  *      ‘<"class" and ‘>‘ - 带有class属性的div元素 
  *      ‘<"#id" and ‘>‘ - 带有id属性的div元素 
  *  例子 
  *      ‘<"wrapper"flipt>‘ 
  *      ‘ip>‘ 
  */  
 $(document).ready(function(){  
   $(‘#example‘).dataTable( {  
     "sDom": ‘<"top"i>rt<"bottom"flp><"clear"&lgt;‘  
   });  
 });  
   
 /* 
  * sPaginationType 
  * 默认为two_button 
  * DataTable内建了两种交互式分页策略，两个按钮和全页数，展现给终端用户不同的控制方式 
  * 可以通过API增加策略 
  */  
 $(document).ready(function(){  
     $(‘#example‘).dataTable( {  
         "sPaginationType": "full_numbers"  
     });  
 })  
   
 /* 
  * sScrollXInner 
  * 默认为空字符串，即：无效 
  * 当横向滚动可用的时候，该属性可以用来强制DataTable的宽度比需要的更长 
  * 比如你需要表格彼此相隔适宜，该变量可以用来使表格变大，而且强制滚动 
  * 该该属性可以是css设置，或者一个数字（作为像素量度来使用） 
  */  
 $(document).ready(function(){  
     $(‘#example‘).dataTable( {  
         "sScrollX": "100%",  
         "sScrollXInner": "110%"  
     });  
 });  
   
 /* 
  * sServerMethod 
  * 默认值为GET 
  * 设置使用Ajax方式调用的服务器端的处理方法或者Ajax数据源的HTTP请求方式 
  */  
 $(document).ready(function(){  
     $(‘#example‘).dataTable({  
         "bServerSide": true,  
         "sAjaxSource": "scripts/post.php",  
         "sServerMethod": "POST"  
     });  
 });  
 /*------------------------------------------------Callback------------------------------------------------*/  
 /* 
  * fnCookieCallback 
  * 无默认值 
  * 当DataTable的状态保留可用时，自定义被保存的cookie和参数。只要cookie被修改就会调用此方法 
  * 该方法需要返回一个格式良好的cookie字符串，注意数据对象是以Javascript对象的形式传递进来的，必须转换成字符串，例如JSON格式 
  */  
 $(document).ready(function (){  
   $(‘#example‘).dataTable({  
     "fnCookieCallback": function (sName, oData, sExpires, sPath) {  
       // Customise oData or sName or whatever else here  
       return sName + "="+JSON.stringify(oData)+"; expires=" + sExpires +"; path=" + sPath;  
     }  
   });  
 });  
   
 /* 
  * fnCreatedRow 
  * 无默认值 
  * 当一个新的TR元素（并且所有TD子元素被插入）被创建或者被作为一个DOM资源被注册时调用该函数 
  * 允许操作该TR元素 
  */  
 $(document).ready(function(){  
     $(‘#example‘).dataTable({  
         "fnCreatedRow": function( nRow, aData, iDataIndex ){  
             // Bold the grade for all ‘A‘ grade browsers  
             if ( aData[4] == "A" )  
     {  
         $(‘td:eq(4)‘, nRow).html( ‘A‘ );  
     }  
         }  
     });  
 });  
   
 /* 
  * fnDrawCallback 
  * 无默认值 
  * 每当draw事件发生时调用该函数，允许你动态编辑新建的dom对象的任何属性 
  */  
 $(document).ready( function(){  
     $(‘#example‘).dataTable({  
         "fnDrawCallback": function(){  
             alert( ‘DataTables has redrawn the table‘ );  
         }  
     });  
 });  
   
 /* 
  * fnFooterCallback 
  * 无默认值 
  * 与fnHeaderCallback()完全相同，只是该函数允许你在每一个draw时间发生时修改页脚 
  */  
 $(document).ready( function(){  
     $(‘#example‘).dataTable({  
         "fnDrawCallback": function() {  
             alert( ‘DataTables has redrawn the table‘ );  
         }  
     });  
 });  
   
 /* 
  * fnFormatNumber 
  * 无默认值 
  * 当渲染表格信息（例如：显示57条记录中的1-10条）中大的数字时 
  * 为了方便用户，DataTable会使用逗号分割每千单位（例如1000000会被渲染为1,000,000） 
  * 该函数会重写DataTable默认使用的策略 
  */  
 $(document).ready(function(){  
   $(‘#example‘).dataTable({  
     "fnFormatNumber": function ( iIn ) {  
       if ( iIn < 1000 ) {  
         return iIn;  
       } else {  
         var  
           s=(iIn+""),  
           a=s.split(""), out="",  
           iLen=s.length;  
   
         for ( var i=0 ; iA‘ );  
     }  
         }  
     });  
 });  
   
 /* 
  * fnServerData 
  * 无默认值 
  * 你可以使用该参数重写从服务器获取数据的方法（$.getJSON）,从而使其更适合你的应用 
  * 例如你可以使用POST方式提交，或者从Google Gears或者AIR数据库获取数据 
  */  
 // POST data to server  
 $(document).ready(function(){  
     $(‘#example‘).dataTable( {  
         "bProcessing": true,  
         "bServerSide": true,  
         "sAjaxSource": "xhr.php",  
         "fnServerData": function ( sSource, aoData, fnCallback ) {  
             $.ajax( {  
                 "dataType": ‘json‘,  
             "type": "POST",  
             "url": sSource,  
             "data": aoData,  
             "success": fnCallback  
             } );  
         }  
     });  
 });  
   
 /* 
  * fnServerParams 
  * 无默认值 
  * 用来在向服务器发送Ajax请求时发送额外的数据，例如自定义的过滤信息，该函数使向服务器发送额外参数变得简单 
  * 传递进来的参数是DataTable建立的数据集合，你可以根据需要添加或者修改该集合 
  */  
 $(document).ready(function(){  
     $(‘#example‘).dataTable( {  
         "bProcessing": true,  
         "bServerSide": true,  
         "sAjaxSource": "scripts/server_processing.php",  
         "fnServerParams": function ( aoData ) {  
             aoData.push( { "name": "more_data", "value": "my_value" } );  
         }  
     });  
 });  
   
 /* 
  * fnStateLoad 
  * 无默认值 
  * 加载表格状态，使用该函数你可以定义状态信息加载的位置和方式，默认情况下DataTable会从cookie中加载 
  * 不过你或许希望使用本地存储（HTML5支持），或者服务端数据库 
  */  
 $(document).ready(function(){  
     $(‘#example‘).dataTable({  
         "bStateSave": true,  
         "fnStateSave": function (oSettings, oData) {  
             var o;  
   
             // Send an Ajax request to the server to get the data. Note that  
             // this is a synchronous request.  
             $.ajax( {  
                 "url": "/state_load",  
                 "async": false,  
                 "dataType": "json",  
                 "success": function (json) {  
                     o = json;  
                 }  
             } );  
             return o;  
         }  
     });  
 });  
   
 /* 
  * fnStateLoadParams 
  * 无默认值 
  * 该回调可以用来在加载状态信息之前编辑状态信息 
  * 函数在表格从存储的数据加载状态信息时调用，在表格<当前使用的设置对象>被<从保存信息中加载的设置对象>修改以前调用 
  * 注意作为插件开发者，你应该使用‘stateLoadParams‘事件去加载plug-in的参数 
  */  
 // Remove a saved filter, so filtering is never loaded  
 $(document).ready(function(){  
     $(‘#example‘).dataTable({  
         "bStateSave": true,  
         "fnStateLoadParams": function (oSettings, oData) {  
             oData.oFilter.sSearch = "";  
         });  
     });  
   
   
 // Disallow state loading by returning false  
 $(document).ready(function(){  
     $(‘#example‘).dataTable({  
         "bStateSave": true,  
         "fnStateLoadParams": function (oSettings, oData) {  
             return false;  
         });  
     });  
   
 /* 
  * fnStateLoaded 
  * 无默认值 
  * 在表格状态被状态存储方法读取和DataTable设置对象被修改时调用，作为被状态信息被加载的结果 
  */  
 // Show an alert with the filtering value that was saved  
 $(document).ready(function(){  
     $(‘#example‘).dataTable({  
         "bStateSave": true,  
         "fnStateLoaded": function (oSettings, oData) {  
             alert( ‘Saved filter was: ‘+oData.oFilter.sSearch );  
         });  
     });  
   
 /* 
  * fnStateSave 
  * 无默认值 
  * 保存表格状态，使用该函数你可以定义状态信息保存的位置和方式，默认情况下DataTable会保存在cookie中 
  * 不过你或许希望使用本地存储（HTML5支持），或者服务端数据库 
  */  
 $(document).ready(function(){  
     $(‘#example‘).dataTable({  
         "bStateSave": true,  
         "fnStateSave": function (oSettings, oData) {  
             // Send an Ajax request to the server with the state object  
             $.ajax( {  
                 "url": "/state_save",  
             "data": oData,  
             "dataType": "json",  
             "method": "POST"  
                 "success": function () {}  
             });  
         }  
     });  
 });  
   
 /* 
  * fnStateSaveParams 
  * 无默认值 
  * 该回调允许你编辑被保存的状态信息，在表格改变了状态信息需要保存的时候调用 
  * 可以使用该回调在保存状态信息的对象被保存以前对其进行修改，包括添加或者其它状态属性或者修改 
  */  
 // Remove a saved filter, so filtering is never saved  
 $(document).ready(function(){  
     $(‘#example‘).dataTable({  
         "bStateSave": true,  
         "fnStateLoadParams": function (oSettings, oData) {  
             oData.oFilter.sSearch = "";  
         });  
     });  
 /*------------------------------------------------Columns------------------------------------------------*/  
 /* 
  * aDataSort 
  * 默认为null,自动使用列序号作为默认 
  * 在排序一列的时候同时将其它几列也排序，例如名和姓作为多列排序 
  */  
 // Using aoColumnDefs  
 $(document).ready(function(){  
     $(‘#example‘).dataTable({  
         "aoColumnDefs": [  
     { "aDataSort": [ 0, 1 ], "aTargets": [ 0 ] },  
         { "aDataSort": [ 1, 0 ], "aTargets": [ 1 ] },  
         { "aDataSort": [ 2, 3, 4 ], "aTargets": [ 2 ] }  
     ]  
     });  
 });  
   
   
 // Using aoColumns  
 $(document).ready(function(){  
     $(‘#example‘).dataTable({  
         "aoColumns": [  
     { "aDataSort": [ 0, 1 ] },  
         { "aDataSort": [ 1, 0 ] },  
         { "aDataSort": [ 2, 3, 4 ] },  
         null,  
         null  
         ]  
     });  
 });  
   
 /* 
  * asSorting 
  * 默认为[ ‘asc‘, ‘desc‘ ]  
  * 你可以通过该参数控制默认排序的方向，甚至改变排序处理器的行为（例如：只允许升序排序） 
  */  
 // Using aoColumnDefs  
 $(document).ready(function(){  
     $(‘#example‘).dataTable({  
         "aoColumnDefs": [  
     { "asSorting": [ "asc" ], "aTargets": [ 1 ] },  
         { "asSorting": [ "desc", "asc", "asc" ], "aTargets": [ 2 ] },  
         { "asSorting": [ "desc" ], "aTargets": [ 3 ] }  
     ]  
     });  
 });  
   
   
 // Using aoColumns  
 $(document).ready(function(){  
     $(‘#example‘).dataTable( {  
         "aoColumns": [  
         null,  
         { "asSorting": [ "asc" ] },  
         { "asSorting": [ "desc", "asc", "asc" ] },  
         { "asSorting": [ "desc" ] },  
         null  
         ]  
     });  
 });  
   
 /* 
  * bSearchable 
  * 默认为true 
  * 是否在列上应用过滤 
  */  
 // Using aoColumnDefs  
 $(document).ready(function(){  
     $(‘#example‘).dataTable({  
         "aoColumnDefs": [  
     { "bSearchable": false, "aTargets": [ 0 ] }  
     ]} );  
 });  
   
   
 // Using aoColumns  
 $(document).ready(function(){  
     $(‘#example‘).dataTable({  
         "aoColumns": [  
     { "bSearchable": false },  
         null,  
         null,  
         null,  
         null  
         ] });  
 });  
   
 /* 
  * bSortable 
  * 默认为true 
  * 是否在某一列上开启排序 
  */  
 // Using aoColumnDefs  
 $(document).ready(function(){  
     $(‘#example‘).dataTable({  
         "aoColumnDefs": [  
     { "bSortable": false, "aTargets": [ 0 ] }  
     ] });  
 });  
   
   
 // Using aoColumns  
 $(document).ready(function(){  
     $(‘#example‘).dataTable( {  
         "aoColumns": [  
     { "bSortable": false },  
         null,  
         null,  
         null,  
         null  
         ] });  
 });  
   
 /* 
  * bUseRendered 
  * 默认为true 
  * 当对一列使用使用fnRender时，你或许希望使用原始的数据（渲染以前）去排序或者过滤（默认是使用用户看到的渲染过的数据） 
  * 或许对日期类型有些用处，注意，现在建议使用mDataProp作为函数并且使用该函数提供的type参数，来允许不同的数据被用来排序，过滤，展现和类型检测 
  */  
 // Using aoColumnDefs  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumnDefs": [  
     {  
         "fnRender": function ( oObj ) {  
             return oObj.aData[0] +‘ ‘+ oObj.aData[3];  
         },  
         "bUseRendered": false,  
         "aTargets": [ 0 ]  
     }  
     ]  
     } );  
 } );  
   
 // Using aoColumns  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumns": [  
     {  
         "fnRender": function ( oObj ) {  
             return oObj.aData[0] +‘ ‘+ oObj.aData[3];  
         },  
         "bUseRendered": false  
     },  
         null,  
         null,  
         null,  
         null  
         ]  
     } );  
 } );  
   
 /* 
  * bVisible 
  * 默认值为true 
  * 是否展示某一列 
  */  
 // Using aoColumnDefs  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumnDefs": [  
     { "bVisible": false, "aTargets": [ 0 ] }  
     ] } );  
 } );  
   
   
 // Using aoColumns  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumns": [  
     { "bVisible": false },  
         null,  
         null,  
         null,  
         null  
         ] } );  
 } );  
   
 /* 
  * fnCreatedCell 
  * 无默认值 
  * 每当新的单元格被建立（Ajax源等）或者处理输入（DOM源）时，开发者可定义的函数会被调用 
  * 该属性用作fnRender的补充来允许你修改在fnRender函数调用之后新建的DOM元素（例如增加背景颜色） 
  */  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumnDefs": [ {  
             "aTargets": [3],  
         "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {  
             if ( sData == "1.7" ) {  
                 $(nTd).css(‘color‘, ‘blue‘)  
             }  
         }  
         } ]  
     });  
 } );  
   
 /* 
  * fnRender 
  * 无默认值 
  * 自定义列中每个单元格被展示的时候调用的展示函数 
  */  
 // Using aoColumnDefs  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumnDefs": [  
     {  
         "fnRender": function ( o, val ) {  
             return o.aData[0] +‘ ‘+ o.aData[3];  
         },  
         "aTargets": [ 0 ]  
     }  
     ]  
     } );  
 } );  
   
   
 // Using aoColumns  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumns": [  
     { "fnRender": function ( o, val ) {  
                                           return o.aData[0] +‘ ‘+ o.aData[3];  
                                       } },  
         null,  
         null,  
         null,  
         null  
         ]  
     } );  
 } );  
   
 /* 
  * iDataSort 
  * 默认值为-1，使用自动计算的列标 
  * 当选择该列进行排序的时候，你希望调用排序操作的列的列号，该参数可以用来按隐藏列排序 
  */  
 // Using aoColumnDefs  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumnDefs": [  
     { "iDataSort": 1, "aTargets": [ 0 ] }  
     ]  
     } );  
 } );  
   
 // Using aoColumns  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumns": [  
     { "iDataSort": 1 },  
         null,  
         null,  
         null,  
         null  
         ]  
     } );  
 } );  
   
 /* 
  * mDataProp 
  * 默认为null,使用自动计算的列标 
  * 该属性可以从任何JSON格式数据源读取属性，包括深层网状的对象和属性， 
  * 有几种不同的传递方式可以影响mDataProp的行为 
  * 整型：被当作数据源的数组下表，是DataTable使用的默认行为（每列递增） 
  * 字符串类型：被当作从数据源获取的对象的属性名，注意你可以使用Javascript点号访问符去访问深层次的属性或数组 
  * null：sDafaultContent选项会被使用到单元格上，（默认是空字符串，当生成可编辑列、可删除列的时候可以使用该属性） 
  * 函数：当表格获取或者设置单元格时被调用的函数，函数有三个参数 
  *      {array|object}:该行的数据源 
  *      {string}:调用数据请求的类型，设置数据时是‘set‘，收集数据时是‘filter‘,‘display‘,‘type‘,‘sort‘ 
  *      {*}:当第二个参数是set的时候，要被设置的数据 
  *      当类型是‘set‘的时候，该函数不需要返回一个值，除此之外，返回值是可以用来请求数据的 
  */  
 // Read table data from objects  
 $(document).ready(function() {  
     var oTable = $(‘#example‘).dataTable( {  
         "sAjaxSource": "sources/deep.txt",  
         "aoColumns": [  
     { "mDataProp": "engine" },  
         { "mDataProp": "browser" },  
         { "mDataProp": "platform.inner" },  
         { "mDataProp": "platform.details.0" },  
         { "mDataProp": "platform.details.1" }  
     ]  
     } );  
 } );  
   
   
 // Using mDataProp as a function to provide different information for  
 // sorting, filtering and display. In this case, currency (price)  
 $(document).ready(function() {  
     var oTable = $(‘#example‘).dataTable( {  
         "aoColumnDefs": [  
     {  
         "aTargets": [ 0 ],  
         "mDataProp": function ( source, type, val ) {  
             if (type === ‘set‘) {  
                 source.price = val;  
                 // Store the computed dislay and filter values for efficiency  
                 source.price_display = val=="" ? "" : "$"+numberFormat(val);  
                 source.price_filter  = val=="" ? "" : "$"+numberFormat(val)+" "+val;  
                 return;  
             }  
             else if (type === ‘display‘) {  
                 return source.price_display;  
             }  
             else if (type === ‘filter‘) {  
                 return source.price_filter;  
             }  
     // ‘sort‘ and ‘type‘ both just use the integer  
     return source.price;  
         }  
     ]  
     } );  
     } );  
   
 /* 
  * sClass 
  * 默认值为空字符串 
  * 该列的每一个单元格被赋予的class 
  */  
 // Using aoColumnDefs  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumnDefs": [  
     { "sClass": "my_class", "aTargets": [ 0 ] }  
     ]  
     } );  
 } );  
   
 // Using aoColumns  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumns": [  
     { "sClass": "my_class" },  
         null,  
         null,  
         null,  
         null  
         ]  
     } );  
 } );  
   
 /* 
  * sContentPadding 
  * 默认值为空字符串 
  * 当DataTable计算分配给每一列的列宽的时候，会寻找每一列中最长的字符串，然后构建一个临时表 
  * 从临时表中读取宽度，这样带来的问题是‘mmm‘会比‘iiii‘的长度长很多，但是后者的长度要大 
  * 这样计算值会出现偏差（正确的处理然后放入DOM对象再测量长度会相当的慢），我们提供了这个选项作为一个解决方法 
  * 它会把他的值添加到该列最长的值的后面来计算列宽，通常你不需要该属性，该属性也没有被写到DataTables.net的文档中 
  */  
 // Using aoColumns  
 $(document).ready(function() {  
   $(‘#example‘).dataTable( {  
     "aoColumns": [  
       null,  
       null,  
       null,  
       {  
         "sContentPadding": "mmm"  
       }  
     ]  
   } );  
 } );  
   
 /* 
  * sDefaultContent 
  * 默认为空字符串 
  * 允许给列值一个默认值，只要发现null值就会显示默认值 
  * 可以由mDataProp设置为null或者数据源是null引起 
  */  
 // Using aoColumnDefs  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumnDefs": [  
     {  
         "mDataProp": null,  
         "sDefaultContent": "Edit",  
         "aTargets": [ -1 ]  
     }  
     ]  
     } );  
 } );  
   
   
 // Using aoColumns  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumns": [  
         null,  
         null,  
         null,  
         {  
             "mDataProp": null,  
         "sDefaultContent": "Edit"  
         }  
     ]  
     } );  
 } );  
   
 /* 
  * sName 
  * 默认值为空字符串 
  * 该参数只有使用在服务器端处理的时候调用，在了解客户端展示了哪些列的时候十分有用 
  * 然后与数据库字段建立映射，当被定义时，如果服务器端返回的信息的顺序不是期望的顺序，也可以使用名字去区分 
  * 使用这种方式的好处是：用户在客户端交换了列，你的服务器端代码不用更新 
  */  
 // Using aoColumnDefs  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumnDefs": [  
     { "sName": "engine", "aTargets": [ 0 ] },  
         { "sName": "browser", "aTargets": [ 1 ] },  
         { "sName": "platform", "aTargets": [ 2 ] },  
         { "sName": "version", "aTargets": [ 3 ] },  
         { "sName": "grade", "aTargets": [ 4 ] }  
     ]  
     } );  
 } );  
   
   
 // Using aoColumns  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumns": [  
     { "sName": "engine" },  
         { "sName": "browser" },  
         { "sName": "platform" },  
         { "sName": "version" },  
         { "sName": "grade" }  
     ]  
     } );  
 } );  
   
 /* 
  * sSortDataType 
  * 默认值为std 
  * 为排序操作定义可以用来在排序前读取实时表格信息（更新内部缓存版本）的数据源的类型 
  * 允许排序事件发生在用户可编辑的元素上，例如输入框 
  */  
 // Using aoColumnDefs  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumnDefs": [  
     { "sSortDataType": "dom-text", "aTargets": [ 2, 3 ] },  
         { "sType": "numeric", "aTargets": [ 3 ] },  
         { "sSortDataType": "dom-select", "aTargets": [ 4 ] },  
         { "sSortDataType": "dom-checkbox", "aTargets": [ 5 ] }  
     ]  
     } );  
 } );  
   
   
 // Using aoColumns  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumns": [  
         null,  
         null,  
         { "sSortDataType": "dom-text" },  
         { "sSortDataType": "dom-text", "sType": "numeric" },  
         { "sSortDataType": "dom-select" },  
         { "sSortDataType": "dom-checkbox" }  
     ]  
     } );  
 } );  
   
 /* 
  * sTitle 
  * 默认值为null,从TH标签读取 
  * 列名 
  */  
 // Using aoColumnDefs  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumnDefs": [  
     { "sTitle": "My column title", "aTargets": [ 0 ] }  
     ]  
     } );  
 } );  
   
   
 // Using aoColumns  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumns": [  
     { "sTitle": "My column title" },  
         null,  
         null,  
         null,  
         null  
         ]  
     } );  
 } );  
   
 /* 
  * sType 
  * 默认值为null,从弱引用数据中自动判断 
  * 允许你指定该列数据按什么类型来排序，目前有四种类型（字符串，数字，日期和html（在排序前会自动除去HTML标记））可选 
  * 注意只有能够被Javascript的Date对象接受的格式化日期字符串才会被当作日期类型接受，例如"Mar 26, 2008 5:03 PM" 
  * 默认是使用html类型，更多类型可以通过插件添加 
  */  
 // Using aoColumnDefs  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumnDefs": [  
     { "sType": "html", "aTargets": [ 0 ] }  
     ]  
     } );  
 } );  
   
   
 // Using aoColumns  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumns": [  
     { "sType": "html" },  
         null,  
         null,  
         null,  
         null  
         ]  
     } );  
 } );  
   
 /* 
  * sWidth 
  * 默认值为null,自动的 
  * 定义列的宽度，该参数可以接受CSS定义（3em,20px等），DataTable对没有通过该接口指定宽度的列使用灵活宽度 
  * 从而保证表格是可被读的 
  */  
 // Using aoColumnDefs  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumnDefs": [  
     { "sWidth": "20%", "aTargets": [ 0 ] }  
     ]  
     } );  
 } );  
   
   
 // Using aoColumns  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "aoColumns": [  
     { "sWidth": "20%" },  
         null,  
         null,  
         null,  
         null  
         ]  
     } );  
 } );  
 /*------------------------------------------------ServerSide------------------------------------------------*/  
 /* 
  * bServerSide 
  * 默认值false 
  * 配置使用服务器端处理的DataTable，注意sAjaxSource参数必须指定，以便给DataTable一个获取每行数据的数据源 
  */  
 $(document).ready( function () {  
     $(‘#example‘).dataTable( {  
         "bServerSide": true,  
         "sAjaxSource": "xhr.php"  
     } );  
 } );  
 /* 
  * fnServerData 
  * 无默认值 
  * 你可以使用该参数重写从服务器获取数据的方法（$.getJSON）,从而使其更适合你的应用 
  * 例如你可以使用POST方式提交，或者从Google Gears或者AIR数据库获取数据 
  */  
 // POST data to server  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "bProcessing": true,  
         "bServerSide": true,  
         "sAjaxSource": "xhr.php",  
         "fnServerData": function ( sSource, aoData, fnCallback ) {  
             $.ajax( {  
                 "dataType": ‘json‘,  
             "type": "POST",  
             "url": sSource,  
             "data": aoData,  
             "success": fnCallback  
             } );  
         }  
     } );  
 } );  
 /* 
  * fnServerParams 
  * 无默认值 
  * 用来在向服务器发送Ajax请求时发送额外的数据，例如自定义的过滤信息，该函数使向服务器发送额外参数变得简单 
  * 传递进来的参数是DataTable建立的数据集合，你可以根据需要添加或者修改该集合 
  */  
 $(document).ready(function() {  
     $(‘#example‘).dataTable( {  
         "bProcessing": true,  
         "bServerSide": true,  
         "sAjaxSource": "scripts/server_processing.php",  
         "fnServerParams": function ( aoData ) {  
             aoData.push( { "name": "more_data", "value": "my_value" } );  
         }  
     } );  
 } );  
 /* 
  * sAjaxDataProp 
  * 默认为aaData 
  * 当使用Ajax数据源或者服务器端处理的时候，DataTable会默认搜索aaData属性作为数据源 
  * 该选项允许变更数据源的名称，你可以使用JavaScript的点号对象表示法去访问多级网状数据源 
  */  
 // Get data from { "data": [...] }  
 $(document).ready(function() {  
     var oTable = $(‘#example‘).dataTable( {  
         "sAjaxSource": "sources/data.txt",  
         "sAjaxDataProp": "data"  
     } );  
 } );  
   
   
 // Get data from { "data": { "inner": [...] } }  
 $(document).ready(function() {  
     var oTable = $(‘#example‘).dataTable( {  
         "sAjaxSource": "sources/data.txt",  
         "sAjaxDataProp": "data.inner"  
     } );  
 } );  
 /* 
  * sAjaxSource 
  * 默认为null 
  * 该参数用来向DataTable指定加载的外部数据源（如果想使用现有的数据，请使用aData） 
  * 可以简单的提供一个可以用来获得数据url或者JSON对象，该对象必须包含aaData，作为表格的数据源 
  */  
 $(document).ready(function(){  
   $(‘#example‘).dataTable( {  
     "sAjaxSource": "http://www.sprymedia.co.uk/dataTables/json.php"  
   });  
 })  
 /* 
  * sServerMethod 
  * 默认值为GET 
  * 设置使用Ajax方式调用的服务器端的处理方法或者Ajax数据源的HTTP请求方式 
  */  
 $(document).ready(function(){  
     $(‘#example‘).dataTable({  
         "bServerSide": true,  
         "sAjaxSource": "scripts/post.php",  
         "sServerMethod": "POST"  
     });  
 });

[javascript] view plain copy

print ?

var docrTable = $('#docrevisontable').dataTable({
"bProcessing" : true, //DataTables载入数据时，是否显示‘进度’提示
"bServerSide" : true, //是否启动服务器端数据导入
"bStateSave" : true, //是否打开客户端状态记录功能,此功能在ajax刷新纪录的时候不会将个性化设定回复为初始化状态
"bJQueryUI" : true, //是否使用 jQury的UI theme
"sScrollY" : 450, //DataTables的高
"sScrollX" : 820, //DataTables的宽
"aLengthMenu" : [20, 40, 60], //更改显示记录数选项
"iDisplayLength" : 40, //默认显示的记录数
"bAutoWidth" : false, //是否自适应宽度
//"bScrollInfinite" : false, //是否启动初始化滚动条
"bScrollCollapse" : true, //是否开启DataTables的高度自适应，当数据条数不够分页数据条数的时候，插件高度是否随数据条数而改变
"bPaginate" : true, //是否显示（应用）分页器
"bInfo" : true, //是否显示页脚信息，DataTables插件左下角显示记录数
"sPaginationType" : "full_numbers", //详细分页组，可以支持直接跳转到某页
"bSort" : true, //是否启动各个字段的排序功能
"aaSorting" : [[1, "asc"]], //默认的排序方式，第2列，升序排列
"bFilter" : true, //是否启动过滤、搜索功能
"aoColumns" : [{
"mDataProp" : "USERID",
"sDefaultContent" : "", //此列默认值为""，以防数据中没有此值，DataTables加载数据的时候报错
"bVisible" : false //此列不显示
}, {
"mDataProp" : "USERNAME",
"sTitle" : "用户名",
"sDefaultContent" : "",
"sClass" : "center"
}, {
"mDataProp" : "EMAIL",
"sTitle" : "电子邮箱",
"sDefaultContent" : "",
"sClass" : "center"
}, {
"mDataProp" : "MOBILE",
"sTitle" : "手机",
"sDefaultContent" : "",
"sClass" : "center"
}, {
"mDataProp" : "PHONE",
"sTitle" : "座机",
"sDefaultContent" : "",
"sClass" : "center"
}, {
"mDataProp" : "NAME",
"sTitle" : "姓名",
"sDefaultContent" : "",
"sClass" : "center"
}, {
"mDataProp" : "ISADMIN",
"sTitle" : "用户权限",
"sDefaultContent" : "",
"sClass" : "center"
}],
"oLanguage": { //国际化配置
"sProcessing" : "正在获取数据，请稍后...",
"sLengthMenu" : "显示 _MENU_ 条",
"sZeroRecords" : "没有您要搜索的内容",
"sInfo" : "从 _START_ 到 _END_ 条记录总记录数为 _TOTAL_ 条",
"sInfoEmpty" : "记录数为0",
"sInfoFiltered" : "(全部记录数 _MAX_ 条)",
"sInfoPostFix" : "",
"sSearch" : "搜索",
"sUrl" : "",
"oPaginate": {
"sFirst" : "第一页",
"sPrevious" : "上一页",
"sNext" : "下一页",
"sLast" : "最后一页"
}
},
"fnRowCallback" : function(nRow, aData, iDisplayIndex) {
/* 用来改写用户权限的 */
if (aData.ISADMIN == '1')
$('td:eq(5)', nRow).html('管理员');
if (aData.ISADMIN == '2')
$('td:eq(5)', nRow).html('资料下载');
if (aData.ISADMIN == '3')
$('td:eq(5)', nRow).html('一般用户');
return nRow;
},
"sAjaxSource" : "../use/userList.do?now=" + new Date().getTime(),
//服务器端，数据回调处理
"fnServerData" : function(sSource, aDataSet, fnCallback) {
$.ajax({
"dataType" : 'json',
"type" : "POST",
"url" : sSource,
"data" : aDataSet,
"success" : fnCallback
});
}
});
$("#docrevisontable tbody").click(function(event) { //当点击表格内某一条记录的时候，会将此记录的cId和cName写入到隐藏域中
$(docrTable.fnSettings().aoData).each(function() {
$(this.nTr).removeClass('row_selected');
});
$(event.target.parentNode).addClass('row_selected');
var aData = docrTable.fnGetData(event.target.parentNode);
$("#userId").val(aData.USERID);
$("#userN").val(aData.USERNAME);
});
$('#docrevisontable_filter').html('用户管理列表');
$('#docrevisontable_filter').append(' ');
$('#docrevisontable_filter').append(' ');
$('#docrevisontable_filter').append(' ');
$('#docrevisontable_filter').append('');
}

var docrTable = $('#docrevisontable').dataTable({  
            "bProcessing" : true, //DataTables载入数据时，是否显示‘进度’提示  
            "bServerSide" : true, //是否启动服务器端数据导入  
            "bStateSave" : true, //是否打开客户端状态记录功能,此功能在ajax刷新纪录的时候不会将个性化设定回复为初始化状态  
            "bJQueryUI" : true, //是否使用 jQury的UI theme  
            "sScrollY" : 450, //DataTables的高  
            "sScrollX" : 820, //DataTables的宽  
            "aLengthMenu" : [20, 40, 60], //更改显示记录数选项  
            "iDisplayLength" : 40, //默认显示的记录数  
            "bAutoWidth" : false, //是否自适应宽度  
            //"bScrollInfinite" : false, //是否启动初始化滚动条  
            "bScrollCollapse" : true, //是否开启DataTables的高度自适应，当数据条数不够分页数据条数的时候，插件高度是否随数据条数而改变  
            "bPaginate" : true, //是否显示（应用）分页器  
            "bInfo" : true, //是否显示页脚信息，DataTables插件左下角显示记录数  
            "sPaginationType" : "full_numbers", //详细分页组，可以支持直接跳转到某页  
            "bSort" : true, //是否启动各个字段的排序功能  
            "aaSorting" : [[1, "asc"]], //默认的排序方式，第2列，升序排列  
            "bFilter" : true, //是否启动过滤、搜索功能  
                    "aoColumns" : [{  
                        "mDataProp" : "USERID",  
                        "sDefaultContent" : "", //此列默认值为""，以防数据中没有此值，DataTables加载数据的时候报错  
                        "bVisible" : false //此列不显示  
                    }, {  
                        "mDataProp" : "USERNAME",  
                        "sTitle" : "用户名",  
                        "sDefaultContent" : "",  
                        "sClass" : "center"  
                    }, {  
                        "mDataProp" : "EMAIL",  
                        "sTitle" : "电子邮箱",  
                        "sDefaultContent" : "",  
                        "sClass" : "center"  
                    }, {  
                        "mDataProp" : "MOBILE",  
                        "sTitle" : "手机",  
                        "sDefaultContent" : "",  
                        "sClass" : "center"  
                    }, {  
                        "mDataProp" : "PHONE",  
                        "sTitle" : "座机",  
                        "sDefaultContent" : "",  
                        "sClass" : "center"  
                    }, {  
                        "mDataProp" : "NAME",  
                        "sTitle" : "姓名",  
                        "sDefaultContent" : "",  
                        "sClass" : "center"  
                    }, {  
                        "mDataProp" : "ISADMIN",  
                        "sTitle" : "用户权限",  
                        "sDefaultContent" : "",  
                        "sClass" : "center"  
                    }],  
                    "oLanguage": { //国际化配置  
                "sProcessing" : "正在获取数据，请稍后...",    
                "sLengthMenu" : "显示 _MENU_ 条",    
                "sZeroRecords" : "没有您要搜索的内容",    
                "sInfo" : "从 _START_ 到  _END_ 条记录 总记录数为 _TOTAL_ 条",    
                "sInfoEmpty" : "记录数为0",    
                "sInfoFiltered" : "(全部记录数 _MAX_ 条)",    
                "sInfoPostFix" : "",    
                "sSearch" : "搜索",    
                "sUrl" : "",    
                "oPaginate": {    
                    "sFirst" : "第一页",    
                    "sPrevious" : "上一页",    
                    "sNext" : "下一页",    
                    "sLast" : "最后一页"    
                }  
            },  
                      
                    "fnRowCallback" : function(nRow, aData, iDisplayIndex) {  
                        /* 用来改写用户权限的 */  
                        if (aData.ISADMIN == '1')  
                            $('td:eq(5)', nRow).html('管理员');  
                        if (aData.ISADMIN == '2')  
                            $('td:eq(5)', nRow).html('资料下载');  
                        if (aData.ISADMIN == '3')  
                            $('td:eq(5)', nRow).html('一般用户');  
                          
                        return nRow;  
                    },  
                      
                    "sAjaxSource" : "../use/userList.do?now=" + new Date().getTime(),  
                        //服务器端，数据回调处理  
                            "fnServerData" : function(sSource, aDataSet, fnCallback) {  
                                $.ajax({  
                                    "dataType" : 'json',  
                                    "type" : "POST",  
                                    "url" : sSource,  
                                    "data" : aDataSet,  
                                    "success" : fnCallback  
                                });  
                            }  
                });  
                  
                $("#docrevisontable tbody").click(function(event) { //当点击表格内某一条记录的时候，会将此记录的cId和cName写入到隐藏域中  
                    $(docrTable.fnSettings().aoData).each(function() {  
                        $(this.nTr).removeClass('row_selected');  
                    });  
                    $(event.target.parentNode).addClass('row_selected');  
                    var aData = docrTable.fnGetData(event.target.parentNode);  
                      
                    $("#userId").val(aData.USERID);  
                    $("#userN").val(aData.USERNAME);  
                });  
                  
                $('#docrevisontable_filter').html('用户管理列表');  
                $('#docrevisontable_filter').append('   ');  
                $('#docrevisontable_filter').append('   ');  
                $('#docrevisontable_filter').append('   ');  
                $('#docrevisontable_filter').append('');  
        }

你可能感兴趣的:(jquery,jquery插件,jquery,datatables)

C# 开发教程-入门基础天马3798 教程系列整理 c#开发语言
1.C#简介、环境，程序结构2.C#基本语法，变量，控制局域，数据类型，类型转换3.C#数组、循环，Linq4.C#类，封装，方法5.C#枚举、字符串6.C#面相对象，继承，封装，多态7.C#特性、属性、反射、索引器8.C#委托，事件，集合，泛型9.C#匿名方法10.C#多线程更多：JQuery开发教程入门基础Vue开发基础入门教程Vue开发高级学习教程
html 删除事件,html 事件的添加和删除列蒂齐亚 html 删除事件
jQuery在jQuery1.7版本中bind()unbind(),live()die(),on()off(),delegate()下面我们给li元素添加事件bind()旧版写法:事件不能适用脚本创建的新元素live()旧版写法:适用脚本创建的新元素写法，但性能极不好on()新版写法，事件不能适用脚本创建的新元素(接收多个函数绑定)这三种方法都是基于要给添加事件的元素本身。$("ulli").bi
动态生成的html元素绑定click事件 .NET跨平台 Jquery及其组件 html jquery
第一篇博客，开启技术博客的生涯，欢迎大家批评指教（坚信妹子也可以做好程序猿）今天想说帮公司做项目的时候遇到的一个小问题，动态添加html元素以后再去事件监听出问题。在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况。就是上面的一张表格要动态实现添加行，然后序列号还要随着增加，当删除的时候序列号依旧是按顺序排列。刚开始使用jQuery的on方法来解决，但是发现一个问题会出现事件绑定很多次
前端页面实现table可拖动改变列宽牧码人 js jQuery js 表格拖动 css colResizable
此处实现页面的table表格可以自由拖动列宽，拖动时表格内文字不换行，超出部分以...代替，实现步骤如下：1.首先引入jQuery和colResizable的js文件，colResizable支持表格拖动改变列宽，但基于jQuery，（1）colResizable可以去：http://www.bacubacu.com/colresizable/#rangeSlider下载（2）引入文件：2.编写j
关于jquery的on(“click”,function(){}),事件绑定无效微特尔普拉斯 javascript jquery
之前在做jquery时,遇到一个问题,就是我在append一个给啊标签绑定click点击事件时不起作用,jquery的版本时3.4.1,也找不到起的错误.就是没触发:$(self).find(".comment-action.cancel").off("click");//console.log("点击了取消回复的按钮!");$(self).find(".comment-action.cancel
（hilo）摇钱树项目梳理大胡子111
摇钱树项目用到了：1.jquery（js库）2.hilo.js(游戏框架)3.tida.js（淘宝相关api--要在淘宝中实现摇一摇功能）4.原生陀螺仪（因为要在微信中实现摇一摇功能）5.静态文件资源预加载项目组成部分：1.摇钱树2.摇一摇按钮3.树下礼包4.游戏标题5.树上的红包和金币6.音乐7.获奖记录7.活动规则（活动说明/玩法介绍）8.红包雨下落9.地上红包10.获奖/失败层11.玩法介绍
jQuery Easyui 源码分析之combo组件 90后北京程序员前端-easyui easyui之combobox
/***jQueryEasyUI1.3.1*该源码完全由压缩码翻译而来，并非网络上放出的源码，请勿索要。*/(function($){functionsetSize(target,width){varopts=$.data(target,"combo").options;varcombo=$.data(target,"combo").combo;varpanel=$.data(target,"co
jquery打包到webpack项目不cong明的亚子前端 webpack jquery javascript
入口文件—index.jswindow.$=require('jquery')webpack.config.jsconstwebpack=require('webpack')module.exports={...plugins:[...newwebpack.ProvidePlugin({$:'jquery',jQuery:'jquery'})...]...}
通过前端实现导出生成pdf文件并下载银河小铁皮 vue 原生JS 前端 javascript vue.js
通过前端实现导出生成pdf文件并下载使用jspdf.js+html2canvas插件，实现前端生成pdf并下载的功能步骤如下1、先通过npm安装插件npminstalljspdf.jsnpminstallhtml2canvas2、单独在utils文件夹下，新建文件，存放处理代码/*eslint-disable*///不使用JQuery版的importhtml2canvasfrom'html2can
java计算机毕业设计Vue潍坊学院宿舍管理系统设计与实现MyBatis+系统+LW文档+源码+调试部署一梵sheji288 java mybatis vue.js
java计算机毕业设计Vue潍坊学院宿舍管理系统设计与实现MyBatis+系统+LW文档+源码+调试部署java计算机毕业设计Vue潍坊学院宿舍管理系统设计与实现MyBatis+系统+LW文档+源码+调试部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、
TypeScript---类型批注 Anglie
TS通过类型批注提供静态类型，方便在编译时启动类型检查，这不是必须的，甚至可以被忽略，去使用js常规的动态类型。基本类型的批注是number,bool,string,弱类型或动态类型的结构可以是任意类型。将类型批注导出到一个单独的文件，方便使用类型已经被编译成为js的ts脚本的类型信息可用。批注可以为一个现有的js库声明。就像已经为node.js和jquery.js所做的那样。当没有给出类型时，T
基于Java毕业设计新锐台球厅管理系统源码+系统+mysql+lw文档+部署软件练练科技 java 课程设计 mysql
基于Java毕业设计新锐台球厅管理系统源码+系统+mysql+lw文档+部署软件基于Java毕业设计新锐台球厅管理系统源码+系统+mysql+lw文档+部署软件本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码
java计算机毕业设计高校学生资助管理信息系统源码+mysql数据库+系统+lw文档+部署鸿源网络数据库 mysql java
java计算机毕业设计高校学生资助管理信息系统源码+mysql数据库+系统+lw文档+部署java计算机毕业设计高校学生资助管理信息系统源码+mysql数据库+系统+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQ
基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署源新网络 java 开发语言
基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码
jQuery选择器 VaporGas 前端 jquery 前端 javascript 学习
jQuery选择器jQuery选择器类似于CSS选择器，用来选取网页中的元素$("h3").css("background","#09F");代码分析：获取并设置网页中所有元素的背景“h3”为选择器语法，必须放在$()中$(“h3”)返回jQuery对象.css()是为jQuery对象设置样式的方法jQuery选择器分类jQuery选择器功能强大，种类也很多，分类如下：类CSS选择器基本选择器层次
Java架构师学习路线网络全息测量心得体会
(1)第一步：研究spring,hibernate。通过研究jeecms开源框架。也同时学习css,html,javascript,jquery.以前都学习过，不过没有系统学习过，现在必须系统学习。同时看cms相关的论文。然后，改造jeecms能够改为自己的一个开源框架，以后开发cms系统都用我自己开发的框架，作为第一阶段的成果。(2)第二步：学习开源工作流引擎Activiti5，jbpm4.4以
AJAX实时表单验证系统三年九班蓝同学
本文还有配套的精品资源，点击获取简介：在网页开发中，"ajax验证表单"是一项关键任务，确保数据符合格式和规则，提升数据质量和用户体验。本应用通过使用JavaScript和XMLHttpRequest对象实现后台验证，无需页面刷新。它包括前端验证、事件处理、Ajax调用、服务器端处理、响应处理、用户体验和安全性等关键步骤，以jQuery库简化开发流程，创建高效、安全的表单验证系统。1.表单验证的重
利用jQuery框架的ajax请求获取json格式的数据听海边涛声 jquery ajax json
Document$('#btn').click(()=>{$.get('http://localhost:8080/jsajaxproject/jquery_json','username=tom&age=20',(data)=>{//alert(data)alert(data.name+'\t'+data.age+'\t'+data.gender)},'json')})点击按钮：
jquery加载页面的方法(页面加载完成就执行) JaosnY JQuery jquery 自动加载
转自http://www.jb51.net/article/27444.htmjquery加载页面的方法(页面加载完成就执行),建议大家看下windows.onload与$(document).ready之间的区别。1、$(function(){$("#a").click(function(){//addingyourcodehere});});2、$(document).ready(functi
jquery事件上心心上
jquery事件事件函数列表：blur()元素失去焦点focus()元素获得焦点change()表单元素的值发生变化click()鼠标单击dblclick()鼠标双击mouseover()鼠标进入（进入子元素也触发）mouseout()鼠标离开（离开子元素也触发）mouseenter()鼠标进入（进入子元素不触发）mouseleave()鼠标离开（离开子元素不触发）hover()同时为mousee
node模块 weiweiweb888 前端 javascript bootstrap
模块系统模块化介绍传统开发的问题随着项目的扩大，然后代码就越来越庞大，如果没有很好的规划，后期维护非常复杂（甚至就维护不了）。比如：前端html中有很多特效会依赖js文件。比如：index.html:bootstrap以上就是一个依赖关系，bootstrap依赖于jquery。先引入jquery后引入bootstrap。而且随着项目的扩大，我们的html页面也就随之增加，并且每一个html页面都会
jQuery中的ajax通信技术的讲解盛夏绽放 jquery ajax okhttp
jQuery提供了多种方法来处理AJAX请求，这些方法简化了异步请求的创建和处理。以下是一些常用的jQueryAJAX方法及其演示：1.$.ajax()（1）解释这个方法是最基础也是最强大的AJAX方法，它可以接受一个配置对象来构建并发送HTTP请求。（2）示例：这是一个GET请求模版$.ajax({url:'https://api.example.com/data',//请求的URL地址type
记录-小程序720°VR（跳转H5页面实现）久违的小技巧小程序小程序 vr javascript
全景浏览提前准备1拍照支架/照片合成软件（KolorAutopanoGiga4.0）或者全景相机2pannellum（pannellum是一个轻量级、免费和开源的Web全景查看器。它使用HTML5、CSS3、JavaScript和WebGL构建，没有插件。）3H5页面引入pannellum.js/css文件，swiper/jquery文件（因为需要在全景图底部显示可切换图片，与dom操作/ajax
HTML表格一壶浊酒.. 前端开发 html 前端
table,tr,td{border:lpxsolidsilver;}表格标题表头单元格HTMLCSSJavaScriptJQuery标准单元格合并行：rowspan在HTML中，我们可以使用rowspan属性来合并行。所谓的合并行，指的是将“纵向的N个单元格”合并。rowspan属性table,tr,td{border:1pxsolidsilver;}姓名:小明喜欢水果:苹果香蕉合并列：cols
前端篇—ajax wolf67 Django django js ajax
文章目录前言一、基于JS的ajax实现1.1基础1.2完整代码示例1.3应用二、JSON和JSONP2.1什么是JSON2.2JSON语法2.3应用2.4json与django交互2.5json与xml比较三、基于jQuery的ajax实现3.1基础方法3.2快捷方法用法示例四、跨域请求4.1同源机制4.2jsonp的js实现（未完成）4.3jsonp的jQuery实现4.4jsonp的ajax实
菜谱推荐系统(前台android原生,后台java,SSH,mysql) weixingliang_123 菜谱食谱 android 数据库 java 编程语言 mysql
Android菜谱推荐系统(前台android原生,后台java,SSH,mysql)(程序代码,MySQL数据库)【运行环境】MyEclipse(后台)Eclipse(前台)JDK1.7tomcat7【技术栈】JAVA,JSP,mvc,SSH,MYSQL,HTML,CSS,JAVASCRIPT,JQUERY,android原生【项目包含内容】【下载全套源码】【项目功能介绍】
【jQuery】前端八股文面试题菜鸟una 前端八股文面试题前端 jquery javascript
jQuery这个问的没有那么多，暂时我被问到的就这几个。大家可以直接订阅专栏。文章目录jQuery1.jQuery常见的方法有哪几个？2.在jQuery中，常见使用委托的事件有哪些？1）点击事件（click）2）鼠标悬停事件（mouseenter和mouseleave）3）表单提交事件（submit）4）输入框变化事件（change）3.在jQuery中，常见的鼠标事件方法有哪些？1）click（
jQuery第八章原生ajax 小涛涛啊！ jquery jquery
第八章原生ajax1：ajax的概念AJAX=AsynchronousJavaScriptandXML（异步的JavaScript和XML）。AJAX不是新的编程语言，而是一种使用现有标准的新方法。*AJAX异步请求数据。什么是AJAX？AJAX=异步JavaScript和XML。AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着
java计算机毕业设计生产管理系统源代码+数据库+系统+lw文档影伴设计 java 开发语言前端
java计算机毕业设计生产管理系统源代码+数据库+系统+lw文档java计算机毕业设计生产管理系统源代码+数据库+系统+lw文档本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：https://pan.b
第三章：发送AJAX请求的几种方式 Muko_0x7d2 AJAX ajax
1.jquery发送Ajax请求1.1引进jQuery资源进入bootcdn.cn网站搜索jQuery复制script标签放到目标html文件head标签中添加跨源的属性的设置crossorigin="anonymous"1.2jQuery发送请求的四个参数：url参数（可以没有）函数响应体类型（一般为json）1.3GET请求请求类型为get参数在名称里面//1.发送GET请求$('button
java线程的无限循环和退出 3213213333332132 java
最近想写一个游戏，然后碰到有关线程的问题，网上查了好多资料都没满足。突然想起了前段时间看的有关线程的视频，于是信手拈来写了一个线程的代码片段。希望帮助刚学java线程的童鞋 package thread; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date
tomcat 容器 BlueSkator tomcat Web servlet
Tomcat的组成部分 1、server A Server element represents the entire Catalina servlet container. (Singleton) 2、service service包括多个connector以及一个engine，其职责为处理由connector获得的客户请求。 3、connector 一个connector
php递归,静态变量,匿名函数使用 dcj3sjt126com PHP 递归函数匿名函数静态变量引用传参
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Current To-Do List</title> </head> <body>
属性颜色字体变化周华华 JavaScript
function changSize(className){ var diva=byId("fot") diva.className=className; } </script> <style type="text/css"> .max{ background: #900; color:#039;
将properties内容放置到map中 g21121 properties
代码比较简单： private static Map<Object, Object> map; private static Properties p; static { //读取properties文件 InputStream is = XXX.class.getClassLoader().getResourceAsStream("xxx.properti
[简单]拼接字符串 53873039oycg 字符串
工作中遇到需要从Map里面取值拼接字符串的情况，自己写了个，不是很好，欢迎提出更优雅的写法，代码如下： import java.util.HashMap; import java.uti
Struts2学习云端月影
最近开始关注struts2的新特性，从这个版本开始，Struts开始使用convention-plugin代替codebehind-plugin来实现struts的零配置。配置文件精简了，的确是简便了开发过程，但是，我们熟悉的配置突然disappear了，真是一下很不适应。跟着潮流走吧，看看该怎样来搞定convention-plugin。使用Convention插件，你需要将其JAR文件放
Java新手入门的30个基本概念二 aijuans java 新手 java 入门
基本概念:　　1.OOP中唯一关系的是对象的接口是什么,就像计算机的销售商她不管电源内部结构是怎样的,他只关系能否给你提供电就行了,也就是只要知道can or not而不是how and why.所有的程序是由一定的属性和行为对象组成的,不同的对象的访问通过函数调用来完成,对象间所有的交流都是通过方法调用,通过对封装对象数据,很大限度上提高复用率。　　2.OOP中最重要的思想是类,类是模板是蓝图,
jedis 简单使用 antlove java redis cache command jedis
jedis.RedisOperationCollection.java package jedis; import org.apache.log4j.Logger; import redis.clients.jedis.Jedis; import java.util.List; import java.util.Map; import java.util.Set; pub
PL/SQL的函数和包体的基础百合不是茶 PL/SQL编程函数包体显示包的具体数据包
由于明天举要上课,所以刚刚将代码敲了一遍PL/SQL的函数和包体的实现(单例模式过几天好好的总结下再发出来);以便明天能更好的学习PL/SQL的循环,今天太累了,所以早点睡觉,明天继续PL/SQL总有一天我会将你永远的记载在心里,,, 函数; 函数:PL/SQL中的函数相当于java中的方法;函数有返回值定义函数的 --输入姓名找到该姓名的年薪 create or re
Mockito(二)--实例篇 bijian1013 持续集成 mockito 单元测试
学习了基本知识后，就可以实战了，Mockito的实际使用还是比较麻烦的。因为在实际使用中，最常遇到的就是需要模拟第三方类库的行为。比如现在有一个类FTPFileTransfer，实现了向FTP传输文件的功能。这个类中使用了a
精通Oracle10编程SQL(7)编写控制结构 bijian1013 oracle 数据库 plsql
/* *编写控制结构 */ --条件分支语句 --简单条件判断 DECLARE v_sal NUMBER(6,2); BEGIN select sal into v_sal from emp where lower(ename)=lower('&name'); if v_sal<2000 then update emp set
【Log4j二】Log4j属性文件配置详解 bit1129 log4j
如下是一个log4j.properties的配置 log4j.rootCategory=INFO, stdout , R log4j.appender.stdout=org.apache.log4j.ConsoleAppender log4j.appender.stdout.layout=org.apache.log4j.PatternLayout log4j.appe
java集合排序笔记白糖_ java
public class CollectionDemo implements Serializable,Comparable<CollectionDemo>{ private static final long serialVersionUID = -2958090810811192128L; private int id; private String nam
java导致linux负载过高的定位方法 ronin47
定位java进程ID 可以使用top或ps -ef |grep java ![图片描述][1] 根据进程ID找到最消耗资源的java pid 比如第一步找到的进程ID为5431 执行 top -p 5431 -H ![图片描述][2] 打印java栈信息 $ jstack -l 5431 > 5431.log 在栈信息中定位具体问题将消耗资源的Java PID转
给定能随机生成整数1到5的函数，写出能随机生成整数1到7的函数 bylijinnan 函数
import java.util.ArrayList; import java.util.List; import java.util.Random; public class RandNFromRand5 { /** 题目：给定能随机生成整数1到5的函数，写出能随机生成整数1到7的函数。解法1： f(k) = (x0-1)*5^0+(x1-
PL/SQL Developer保存布局 Kai_Ge
近日由于项目需要，数据库从DB2迁移到ORCAL，因此数据库连接客户端选择了PL/SQL Developer。由于软件运用不熟悉，造成了很多麻烦，最主要的就是进入后，左边列表有很多选项，自己删除了一些选项卡，布局很满意了，下次进入后又恢复了以前的布局，很是苦恼。在众多PL/SQL Developer使用技巧中找到如下这段： &n
[未来战士计划]超能查派[剧透,慎入] comsci 计划
非常好看,超能查派,这部电影......为我们这些热爱人工智能的工程技术人员提供一些参考意见和思想........ 虽然电影里面的人物形象不是非常的可爱....但是非常的贴近现实生活.... &nbs
Google Map API V2 dai_lm google map
以后如果要开发包含google map的程序就更麻烦咯 http://www.cnblogs.com/mengdd/archive/2013/01/01/2841390.html 找到篇不错的文章，大家可以参考一下 http://blog.sina.com.cn/s/blog_c2839d410101jahv.html 1. 创建Android工程由于v2的key需要G
java数据计算层的几种解决方法2 datamachine java sql 集算器
2、SQL SQL/SP/JDBC在这里属于一类，这是老牌的数据计算层，性能和灵活性是它的优势。但随着新情况的不断出现，单纯用SQL已经难以满足需求，比如： JAVA开发规模的扩大，数据量的剧增，复杂计算问题的涌现。虽然SQL得高分的指标不多，但都是权重最高的。成熟度：5星。最成熟的。
Linux下Telnet的安装与运行 dcj3sjt126com linux telnet
Linux下Telnet的安装与运行 linux默认是使用SSH服务的而不安装telnet服务如果要使用telnet 就必须先安装相应的软件包即使安装了软件包默认的设置telnet 服务也是不运行的需要手工进行设置如果是redhat9，则在第三张光盘中找到 telnet-server-0.17-25.i386.rpm
PHP中钩子函数的实现与认识 dcj3sjt126com PHP
假如有这么一段程序： function fun(){ fun1(); fun2(); } 首先程序执行完fun1()之后执行fun2()然后fun()结束。但是，假如我们想对函数做一些变化。比如说，fun是一个解析函数，我们希望后期可以提供丰富的解析函数，而究竟用哪个函数解析，我们希望在配置文件中配置。这个时候就可以发挥钩子的力量了。我们可以在fu
EOS中的WorkSpace密码修改蕃薯耀修改WorkSpace密码
EOS中BPS的WorkSpace密码修改 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 201
SpringMVC4零配置--SpringSecurity相关配置【SpringSecurityConfig】 hanqunfeng SpringSecurity
SpringSecurity的配置相对来说有些复杂，如果是完整的bean配置，则需要配置大量的bean，所以xml配置时使用了命名空间来简化配置，同样，spring为我们提供了一个抽象类WebSecurityConfigurerAdapter和一个注解@EnableWebMvcSecurity，达到同样减少bean配置的目的，如下： applicationContex
ie 9 kendo ui中ajax跨域的问题 jackyrong AJAX跨域
这两天遇到个问题，kendo ui的datagrid，根据json去读取数据，然后前端通过kendo ui的datagrid去渲染，但很奇怪的是，在ie 10,ie 11,chrome,firefox等浏览器中，同样的程序，浏览起来是没问题的，但把应用放到公网上的一台服务器，却发现如下情况： 1） ie 9下，不能出现任何数据，但用IE 9浏览器浏览本机的应用，却没任何问题
不要让别人笑你不能成为程序员 lampcy 编程程序员
在经历六个月的编程集训之后，我刚刚完成了我的第一次一对一的编码评估。但是事情并没有如我所想的那般顺利。说实话，我感觉我的脑细胞像被轰炸过一样。手慢慢地离开键盘，心里很压抑。不禁默默祈祷：一切都会进展顺利的，对吧？至少有些地方我的回答应该是没有遗漏的，是不是？难道我选择编程真的是一个巨大的错误吗——我真的永远也成不了程序员吗？我需要一点点安慰。在自我怀疑，不安全感和脆弱等等像龙卷风一
马皇后的贤德 nannan408
马皇后不怕朱元璋的坏脾气，并敢理直气壮地吹耳边风。众所周知，朱元璋不喜欢女人干政，他认为“后妃虽母仪天下，然不可使干政事”，因为“宠之太过，则骄恣犯分，上下失序”，因此还特地命人纂述《女诫》，以示警诫。但马皇后是个例外。　　有一次，马皇后问朱元璋道：“如今天下老百姓安居乐业了吗？”朱元璋不高兴地回答：“这不是你应该问的。”马皇后振振有词地回敬道：“陛下是天下之父，
选择某个属性值最大的那条记录（不仅仅包含指定属性，而是想要什么属性都可以） Rainbow702 sql group by 最大值 max 最大的那条记录
好久好久不写SQL了，技能退化严重啊！！！直入主题：比如我有一张表，file_info，它有两个属性（但实际不只，我这里只是作说明用）： file_code, file_version 同一个code可能对应多个version 现在，我想针对每一个code，取得它相关的记录中，version 值最大的那条记录， SQL如下： select *
VBScript脚本语言 tntxia VBScript
VBScript 是基于VB的脚本语言。主要用于Asp和Excel的编程。 VB家族语言简介 Visual Basic 6.0 源于BASIC语言。由微软公司开发的包含协助开发环境的事
java中枚举类型的使用 xiao1zhao2 java enum 枚举 1.5新特性
枚举类型是j2se在1.5引入的新的类型,通过关键字enum来定义,常用来存储一些常量. 1.定义一个简单的枚举类型 public enum Sex { MAN, WOMAN } 枚举类型本质是类,编译此段代码会生成.class文件.通过Sex.MAN来访问Sex中的成员,其返回值是Sex类型. 2.常用方法静态的values()方