<!-- page script -->
<script>
$(
function
() {
var
url =
""
;
var
tables = $(
"#dataTable"
).dataTable({
serverSide: true,
processing: true,
pageLength: 10,
ordering: false,
pagingType:
"full_numbers"
,
autoWidth: false,
stateSave: true,
searching: false,
ajax: {
type:
"post"
,
url:
"<%=path%>/goodsType/getData"
,
dataSrc:
"data"
,
data:
function
(d) {
var
param = {};
param.draw = d.draw;
param.start = d.start;
param.length = d.length;
var
formData = $(
"#queryForm"
).serializeArray();
formData.forEach(
function
(e) {
param[e.name] = e.value;
});
return
param;
},
},
columns: [
{
"data"
: null,
"width"
:
"10px"
},
{
"data"
: null},
{
"data"
: 'typeNameCn' },
{
"data"
: 'typeNameEn' },
{
"data"
: 'createTime',
"render"
:
function
(data,type,full,callback) {
return
data.
substr
(0,19)
}
},
{
"data"
: 'updateTime', defaultContent:
""
,
"render"
:
function
(data,type,full,callback) {
if
(data != null && data !=
""
){
return
data.
substr
(0,19)
}
else
{
return
data;
}
}
},
{
"data"
: null,
"width"
:
"60px"
}
],
columnDefs: [
{
targets: 0,
defaultContent:
"<input type='checkbox' name='checkList'>"
},
{
targets: -1,
defaultContent:
"<div class='btn-group'>"
+
"<button id='editRow' class='btn btn-primary btn-sm' type='button'><i class='fa fa-edit'></i></button>"
+
"<button id='delRow' class='btn btn-primary btn-sm' type='button'><i class='fa fa-trash-o'></i></button>"
+
"</div>"
}
],
language: {
lengthMenu:
""
,
processing:
"<sp:message code='sys.load'/>"
,
paginate: {
previous:
"<"
,
next:
">"
,
first:
"<<"
,
last:
">>"
},
zeroRecords:
"<sp:message code='sys.nodata'/>"
,
info:
"<sp:message code='sys.pages'/>"
,
infoEmpty:
""
,
infoFiltered:
""
,
sSearch:
"<sp:message code='sys.keyword'/>:"
,
},
fnDrawCallback:
function
(){
var
api = this.api();
var
startIndex= api.context[0]._iDisplayStart;
api.column(1).nodes().each(
function
(cell, i) {
cell.innerHTML = startIndex + i + 1;
});
}
});
$(
"#btn-query"
).on(
"click"
,
function
() {
tables.fnDraw();
});
$(
"#btn-add"
).on(
"click"
,
function
() {
url =
"<%=path%>/goodsType/add"
;
$(
"input[name=typeId]"
).val(0);
$(
"input[name=typeNameCn]"
).val(
""
);
$(
"input[name=typeNameEn]"
).val(
""
);
$(
"#editModal"
).modal(
"show"
);
});
$(
"#btn-delAll"
).on(
"click"
,
function
() {
});
$(
"#btn-export"
).on(
"click"
,
function
() {
});
$(
"#btn-re"
).on(
"click"
,
function
() {
tables.fnDraw(false);
});
$(
"#checkAll"
).on(
"click"
,
function
() {
if
($(this).prop(
"checked"
) === true) {
$(
"input[name='checkList']"
).prop(
"checked"
, $(this).prop(
"checked"
));
$(this).hasClass('selected')
}
else
{
$(
"input[name='checkList']"
).prop(
"checked"
, false);
$(
"#dataTable tbody tr"
).removeClass('selected');
}
});
$(
"#dataTable tbody"
).on(
"click"
,
"#editRow"
,
function
() {
var
data = tables.api().row($(this).parents(
"tr"
)).data();
$(
"input[name=typeId]"
).val(data.typeIdStr);
$(
"input[name=typeNameCn]"
).val(data.typeNameCn);
$(
"input[name=typeNameEn]"
).val(data.typeNameEn);
url =
"<%=path%>/goodsType/update"
;
$(
"#editModal"
).modal(
"show"
);
});
$(
"#btn-submit"
).on(
"click"
,
function
(){
$.ajax({
cache: false,
type:
"POST"
,
url: url,
data:$(
"#editForm"
).serialize(),
async: false,
error:
function
(request) {
showFail(
"Server Connection Error..."
);
},
success:
function
(data) {
if
(data.status == 1){
$(
"#editModal"
).modal(
"hide"
);
showSuccess(
"<sp:message code='sys.oper.success'/>"
);
tables.fnDraw();
}
else
{
showFail(
"<sp:message code='sys.oper.fail'/>"
);
}
}
});
});
$(
"#dataTable tbody"
).on(
"click"
,
"#delRow"
,
function
() {
var
data = tables.api().row($(this).parents(
"tr"
)).data();
if
(confirm(
"是否确认删除这条信息?"
)){
$.ajax({
url:'<%=path%>/goodsType/del/'+data.typeIdStr,
type:'
delete
',
dataType:
"json"
,
cache:
"false"
,
success:
function
(data){
if
(data.status == 1){
showSuccess(
"<sp:message code='sys.oper.success'/>"
);
tables.api().row().remove().draw(false);
}
else
{
showFail(
"<sp:message code='sys.oper.fail'/>"
);
}
},
error:
function
(err){
showFail(
"Server Connection Error..."
);
}
});
}
});
});
</script>