$("#e_Attributes").dialog({
modal: true,autoOpen: false,show: {
effect: "blind",duration: 1000
},hide: {
effect: "explode",duration: 1000
},width: 400
});
var editor;
$(function () {
//声明datatable
$("#gridtable").dataTable().fnDestroy();
editor = $('#gridtable').dataTable({
"bInfo":false,"bServerSide": false,'bPaginate': false,//是否分页。
"bProcessing": false,//当datatable获取数据时候是否显示正在处理提示信息。
'bFilter': false,//是否使用内置的过滤功能。
'bLengthChange': false,//是否允许用户自定义每页显示条数。
'sPaginationType': 'full_numbers',//分页样式
});
//单击，赋值，改样式
$("#gridtable tbody tr").click(function (e) {
if ($(this).hasClass('row_selected')) {
$(this).removeClass('row_selected');
putNullValue()
}
else {
editor.$('tr.row_selected').removeClass('row_selected');
$(this).addClass('row_selected');
var aData = editor.fnGetData(this);
if (null != aData) {
putValue(aData);
}
}
});
//双击
$("#gridtable tbody tr").dblclick(function () {
if ($(this).hasClass('row_selected')) {
//$(this).removeClass('row_selected');
}
else {
editor.$('tr.row_selected').removeClass('row_selected');
$(this).addClass('row_selected');
}
var aData = editor.fnGetData(this);
if (null != aData) {
putValue(aData);
}
$("#hiddenValue").val("edit");
$("#e_Attributes").dialog("open");
});
//<a href="https://www.jb51.cc/tag/tianjia/" target="_blank" class="keywords">添加</a>
$("#add").click(function () {
editor.$('tr.row_selected').removeClass('row_selected');
putNullValue();
$("#hiddenValue").val("add");
$("#e_Attributes").dialog("open");
});
//编辑
$("#edit").click(function () {
var productAttributeID = $("#productAttributeID").val();
if (productAttributeID != "" && productAttributeID != null) {
$("#hiddenValue").val("edit");
$("#e_Attributes").dialog("open");
}
});
//<a href="https://www.jb51.cc/tag/shanchu/" target="_blank" class="keywords">删除</a>
$("#delete").click(function () {
var productAttributeID = $("#productAttributeID").val();
var productID = $("#productID").val();
if (productAttributeID != null && productAttributeID != "") {
if (confirm("Delete?")) {
$.ajax({
type: "GET",url: "@Url.Action("DeleteAttribute","Product")",data: { ProductID: productID,ProductAttributeID: productAttributeID },//参数名要和Action 中的参数名相同
dataType: "html",cache: false,success: function (result) {
$("#d_Attributes").html(result);
$("#productAttributeID").val(null);
}
});
}
}
});
//赋空值，并<a href="https://www.jb51.cc/tag/quchu/" target="_blank" class="keywords">去除</a>input-validation-error样式（此样式不管有无，均可<a href="https://www.jb51.cc/tag/quchu/" target="_blank" class="keywords">去除</a>，所以不用判断了）
function putNullValue() {
。。。。。。／／此处省略
}
//赋值
function putValue(aData) {
。。。。。。//此处省略
}
});
$.ajaxSetup({ cache: false });
-----------最简单的方式：
$(document).ready(function() {
$("#example").dataTable();
});
----------也可以自己定义各属性：
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$("#example").dataTable({
// "bPaginate": true,//开关，是否显示分页器
// "bInfo": true,//开关，是否显示表格的一些信息
// "bFilter": true,//开关，是否启用客户端过滤器
// "sDom": "<>lfrtip<>",// "bAutoWith": false,// "bDeferRender": false,// "bJQueryUI": false,//开关，是否启用JQueryUI风格
// "bLengthChange": true,//开关，是否显示每页大小的下拉框
// "bProcessing": true,// "bScrollInfinite": false,// "sScrollY": "800px",//是否开启垂直滚动，以及指定滚动区域大小,可设值：'disabled','2000px'
// "bSort": true,//开关，是否启用各列具有按列排序的功能
// "bSortClasses": true,// "bStateSave": false,//开关，是否打开客户端状态记录功能。这个数据是记录在cookies中的，打开了这个记录后，即使刷新一次页面，或重新打开浏览器，之前的状态都是保存下来的- ------当值为true时aoColumnDefs不能隐藏列
// "sScrollX": "50%",//是否开启水平滚动，以及指定滚动区域大小,'2000%'
// "aaSorting": [[0,"asc"]],// "aoColumnDefs": [{ "bVisible": false,"aTargets": [0]}]//隐藏列
// "sDom": '<"H"if>t<"F"if>',"bAutoWidth": false,//自适应宽度
"aaSorting": [[1,"sPaginationType": "full_numbers","oLanguage": {
"sProcessing": "正在加载中......","sLengthMenu": "每页显示 MENU 条记录","sZeroRecords": "对不起，查询不到相关数据！","sEmptyTable": "表中无数据存在！","sInfo": "当前显示 START 到 END 条，共 TOTAL 条记录","sInfoFiltered": "数据表中共为 MAX 条记录","sSearch": "搜索","oPaginate": {
"sFirst": "首页","sPrevIoUs": "上一页","sNext": "下一页","sLast": "末页"
}
} //多语言配置
});
});
"
}
} );
} );
