/**
|
* edatagrid - jQuery EasyUI
|
*
|
* Licensed under the GPL:
|
* http://www.gnu.org/licenses/gpl.txt
|
*
|
* Copyright 2011-2015 www.jeasyui.com
|
*
|
* Dependencies:
|
* datagrid
|
* messager
|
*
|
*/
|
(function($){
|
// var oldLoadDataMethod = $.fn.datagrid.methods.loadData;
|
// $.fn.datagrid.methods.loadData = function(jq, data){
|
// jq.each(function(){
|
// $.data(this, 'datagrid').filterSource = null;
|
// });
|
// return oldLoadDataMethod.call($.fn.datagrid.methods, jq, data);
|
// };
|
|
var autoGrids = [];
|
function checkAutoGrid(){
|
autoGrids = $.grep(autoGrids, function(t){
|
return t.length && t.data('edatagrid');
|
});
|
}
|
function saveAutoGrid(omit){
|
checkAutoGrid();
|
$.map(autoGrids, function(t){
|
if (t[0] != $(omit)[0]){
|
t.edatagrid('saveRow');
|
}
|
});
|
checkAutoGrid();
|
}
|
function addAutoGrid(dg){
|
checkAutoGrid();
|
for(var i=0; i<autoGrids.length; i++){
|
if ($(autoGrids[i])[0] == $(dg)[0]){return;}
|
}
|
autoGrids.push($(dg));
|
}
|
function delAutoGrid(dg){
|
checkAutoGrid();
|
autoGrids = $.grep(autoGrids, function(t){
|
return $(t)[0] != $(dg)[0];
|
});
|
}
|
|
$(function(){
|
$(document).unbind('.edatagrid').bind('mousedown.edatagrid', function(e){
|
var p = $(e.target).closest('div.datagrid-view,div.combo-panel,div.window,div.window-mask');
|
if (p.length){
|
if (p.hasClass('datagrid-view')){
|
saveAutoGrid(p.children('table'));
|
}
|
return;
|
}
|
saveAutoGrid();
|
});
|
});
|
|
function buildGrid(target){
|
var opts = $.data(target, 'edatagrid').options;
|
$(target).datagrid($.extend({}, opts, {
|
onDblClickCell:function(index,field,value){
|
if (opts.editing){
|
$(this).edatagrid('editRow', index);
|
focusEditor(target, field);
|
}
|
if (opts.onDblClickCell){
|
opts.onDblClickCell.call(target, index, field, value);
|
}
|
},
|
onClickCell:function(index,field,value){
|
// if (opts.editing && opts.editIndex >= 0){
|
// $(this).edatagrid('editRow', index);
|
// focusEditor(target, field);
|
// }
|
if (opts.editIndex >= 0){
|
var dg = $(this);
|
if (opts.editing){
|
dg.edatagrid('editRow', index);
|
} else {
|
setTimeout(function(){
|
dg.edatagrid('selectRow', opts.editIndex);
|
}, 0);
|
}
|
focusEditor(target, field);
|
}
|
if (opts.onClickCell){
|
opts.onClickCell.call(target, index, field, value);
|
}
|
},
|
onBeforeEdit: function(index, row){
|
if (opts.onBeforeEdit){
|
if (opts.onBeforeEdit.call(target, index, row) == false){
|
return false;
|
}
|
}
|
if (opts.autoSave){
|
addAutoGrid(this);
|
}
|
opts.originalRow = $.extend(true, [], row);
|
},
|
onAfterEdit: function(index, row){
|
delAutoGrid(this);
|
opts.editIndex = -1;
|
var url = row.isNewRecord ? opts.saveUrl : opts.updateUrl;
|
if (url){
|
var changed = false;
|
var fields = $(this).edatagrid('getColumnFields',true).concat($(this).edatagrid('getColumnFields'));
|
for(var i=0; i<fields.length; i++){
|
var field = fields[i];
|
var col = $(this).edatagrid('getColumnOption', field);
|
if (col.editor && opts.originalRow[field] != row[field]){
|
changed = true;
|
break;
|
}
|
}
|
if (changed){
|
opts.poster.call(target, url, row, function(data){
|
if (data.isError){
|
var originalRow = opts.originalRow;
|
$(target).edatagrid('cancelRow',index);
|
$(target).edatagrid('selectRow',index);
|
$(target).edatagrid('editRow',index);
|
opts.originalRow = originalRow;
|
opts.onError.call(target, index, data);
|
return;
|
}
|
data.isNewRecord = null;
|
$(target).datagrid('updateRow', {
|
index: index,
|
row: data
|
});
|
if (opts.tree){
|
var idValue = row[opts.idField||'id'];
|
var t = $(opts.tree);
|
var node = t.tree('find', idValue);
|
if (node){
|
node.text = row[opts.treeTextField];
|
t.tree('update', node);
|
} else {
|
var pnode = t.tree('find', row[opts.treeParentField]);
|
t.tree('append', {
|
parent: (pnode ? pnode.target : null),
|
data: [{id:idValue,text:row[opts.treeTextField]}]
|
});
|
}
|
}
|
opts.onSuccess.call(target, index, row);
|
opts.onSave.call(target, index, row);
|
}, function(data){
|
opts.onError.call(target, index, data);
|
});
|
} else {
|
opts.onSave.call(target, index, row);
|
}
|
} else {
|
row.isNewRecord = false;
|
opts.onSave.call(target, index, row);
|
}
|
if (opts.onAfterEdit) opts.onAfterEdit.call(target, index, row);
|
},
|
onCancelEdit: function(index, row){
|
delAutoGrid(this);
|
opts.editIndex = -1;
|
if (row.isNewRecord) {
|
$(this).datagrid('deleteRow', index);
|
}
|
if (opts.onCancelEdit) opts.onCancelEdit.call(target, index, row);
|
},
|
onBeforeLoad: function(param){
|
if (opts.onBeforeLoad.call(target, param) == false){return false}
|
$(this).edatagrid('cancelRow');
|
if (opts.tree){
|
var node = $(opts.tree).tree('getSelected');
|
param[opts.treeParentField] = node ? node.id : undefined;
|
}
|
}
|
}));
|
|
|
|
if (opts.tree){
|
$(opts.tree).tree({
|
url: opts.treeUrl,
|
onClick: function(node){
|
$(target).datagrid('load');
|
},
|
onDrop: function(dest,source,point){
|
var targetId = $(this).tree('getNode', dest).id;
|
var data = {
|
id:source.id,
|
targetId:targetId,
|
point:point
|
};
|
opts.poster.call(target, opts.treeDndUrl, data, function(result){
|
$(target).datagrid('load');
|
});
|
}
|
});
|
}
|
}
|
|
function focusEditor(target, field){
|
var opts = $(target).edatagrid('options');
|
var t;
|
var editor = $(target).datagrid('getEditor', {index:opts.editIndex,field:field});
|
if (editor){
|
t = editor.target;
|
} else {
|
var editors = $(target).datagrid('getEditors', opts.editIndex);
|
if (editors.length){
|
t = editors[0].target;
|
}
|
}
|
if (t){
|
var state = $(target).data('datagrid');
|
var left = state.dc.body2._scrollLeft();
|
if ($(t).hasClass('textbox-f')){
|
$(t).textbox('textbox').focus();
|
} else {
|
$(t).focus();
|
}
|
state.dc.body2._scrollLeft(left); // restore the scroll left
|
}
|
}
|
|
$.fn.edatagrid = function(options, param){
|
if (typeof options == 'string'){
|
var method = $.fn.edatagrid.methods[options];
|
if (method){
|
return method(this, param);
|
} else {
|
return this.datagrid(options, param);
|
}
|
}
|
|
options = options || {};
|
return this.each(function(){
|
var state = $.data(this, 'edatagrid');
|
if (state){
|
$.extend(state.options, options);
|
} else {
|
$.data(this, 'edatagrid', {
|
options: $.extend({}, $.fn.edatagrid.defaults, $.fn.edatagrid.parseOptions(this), options)
|
});
|
}
|
buildGrid(this);
|
});
|
};
|
|
$.fn.edatagrid.parseOptions = function(target){
|
return $.extend({}, $.fn.datagrid.parseOptions(target), {
|
});
|
};
|
|
$.fn.edatagrid.methods = {
|
options: function(jq){
|
var opts = $.data(jq[0], 'edatagrid').options;
|
return opts;
|
},
|
loadData: function(jq, data){
|
return jq.each(function(){
|
$(this).edatagrid('cancelRow');
|
$(this).datagrid('loadData', data);
|
});
|
},
|
enableEditing: function(jq){
|
return jq.each(function(){
|
var opts = $.data(this, 'edatagrid').options;
|
opts.editing = true;
|
});
|
},
|
disableEditing: function(jq){
|
return jq.each(function(){
|
var opts = $.data(this, 'edatagrid').options;
|
opts.editing = false;
|
});
|
},
|
isEditing: function(jq, index){
|
var opts = $.data(jq[0], 'edatagrid').options;
|
var tr = opts.finder.getTr(jq[0], index);
|
return tr.length && tr.hasClass('datagrid-row-editing');
|
},
|
editRow: function(jq, index){
|
return jq.each(function(){
|
var dg = $(this);
|
var opts = $.data(this, 'edatagrid').options;
|
var editIndex = opts.editIndex;
|
if (editIndex != index){
|
if (dg.datagrid('validateRow', editIndex)){
|
if (editIndex>=0){
|
if (opts.onBeforeSave.call(this, editIndex) == false) {
|
setTimeout(function(){
|
dg.datagrid('selectRow', editIndex);
|
},0);
|
return;
|
}
|
}
|
dg.datagrid('endEdit', editIndex);
|
dg.datagrid('beginEdit', index);
|
if (!dg.edatagrid('isEditing', index)){
|
return;
|
}
|
opts.editIndex = index;
|
focusEditor(this);
|
|
var rows = dg.datagrid('getRows');
|
opts.onEdit.call(this, index, rows[index]);
|
} else {
|
setTimeout(function(){
|
dg.datagrid('selectRow', editIndex);
|
}, 0);
|
}
|
}
|
});
|
},
|
addRow: function(jq, index){
|
return jq.each(function(){
|
var dg = $(this);
|
var opts = $.data(this, 'edatagrid').options;
|
if (opts.editIndex >= 0){
|
if (!dg.datagrid('validateRow', opts.editIndex)){
|
dg.datagrid('selectRow', opts.editIndex);
|
return;
|
}
|
if (opts.onBeforeSave.call(this, opts.editIndex) == false){
|
setTimeout(function(){
|
dg.datagrid('selectRow', opts.editIndex);
|
},0);
|
return;
|
}
|
dg.datagrid('endEdit', opts.editIndex);
|
}
|
|
function _add(index, row){
|
if (index == undefined){
|
dg.datagrid('appendRow', row);
|
opts.editIndex = dg.datagrid('getRows').length - 1;
|
} else {
|
dg.datagrid('insertRow', {index:index,row:row});
|
opts.editIndex = index;
|
}
|
}
|
if (typeof index == 'object'){
|
_add(index.index, $.extend(index.row, {isNewRecord:true}))
|
} else {
|
_add(index, {isNewRecord:true});
|
}
|
|
dg.datagrid('beginEdit', opts.editIndex);
|
dg.datagrid('selectRow', opts.editIndex);
|
|
var rows = dg.datagrid('getRows');
|
if (opts.tree){
|
var node = $(opts.tree).tree('getSelected');
|
rows[opts.editIndex][opts.treeParentField] = (node ? node.id : 0);
|
}
|
|
opts.onAdd.call(this, opts.editIndex, rows[opts.editIndex]);
|
});
|
},
|
saveRow: function(jq){
|
return jq.each(function(){
|
var dg = $(this);
|
var opts = $.data(this, 'edatagrid').options;
|
if (opts.editIndex >= 0){
|
if (opts.onBeforeSave.call(this, opts.editIndex) == false) {
|
setTimeout(function(){
|
dg.datagrid('selectRow', opts.editIndex);
|
},0);
|
return;
|
}
|
$(this).datagrid('endEdit', opts.editIndex);
|
}
|
});
|
},
|
cancelRow: function(jq){
|
return jq.each(function(){
|
var opts = $.data(this, 'edatagrid').options;
|
if (opts.editIndex >= 0){
|
$(this).datagrid('cancelEdit', opts.editIndex);
|
}
|
});
|
},
|
destroyRow: function(jq, index){
|
return jq.each(function(){
|
var dg = $(this);
|
var opts = $.data(this, 'edatagrid').options;
|
|
var rows = [];
|
if (index == undefined){
|
rows = dg.datagrid('getSelections');
|
} else {
|
var rowIndexes = $.isArray(index) ? index : [index];
|
for(var i=0; i<rowIndexes.length; i++){
|
var row = opts.finder.getRow(this, rowIndexes[i]);
|
if (row){
|
rows.push(row);
|
}
|
}
|
}
|
|
if (!rows.length){
|
$.messager.show({
|
title: opts.destroyMsg.norecord.title,
|
msg: opts.destroyMsg.norecord.msg
|
});
|
return;
|
}
|
layer.confirm(opts.destroyMsg.confirm.msg, {
|
icon : 3,
|
title : opts.destroyMsg.confirm.title
|
},function(r){
|
if (r){
|
for(var i=0; i<rows.length; i++){
|
_del(rows[i]);
|
}
|
dg.datagrid('clearSelections');
|
}
|
layer.close(r);
|
});
|
|
function _del(row){
|
var index = dg.datagrid('getRowIndex', row);
|
if (index == -1){return}
|
if (row.isNewRecord){
|
dg.datagrid('cancelEdit', index);
|
} else {
|
if (opts.destroyUrl){
|
var idValue = row[opts.idField||'id'];
|
opts.poster.call(dg[0], opts.destroyUrl, {id:idValue}, function(data){
|
var index = dg.datagrid('getRowIndex', idValue);
|
if (data.isError){
|
dg.datagrid('selectRow', index);
|
opts.onError.call(dg[0], index, data);
|
return;
|
}
|
if (opts.tree){
|
dg.datagrid('reload');
|
var t = $(opts.tree);
|
var node = t.tree('find', idValue);
|
if (node){
|
t.tree('remove', node.target);
|
}
|
} else {
|
dg.datagrid('cancelEdit', index);
|
dg.datagrid('deleteRow', index);
|
}
|
opts.onDestroy.call(dg[0], index, $.extend(row,data));
|
var pager = dg.datagrid('getPager');
|
if (pager.length && !dg.datagrid('getRows').length){
|
dg.datagrid('options').pageNumber = pager.pagination('options').pageNumber;
|
dg.datagrid('reload');
|
}
|
}, function(data){
|
opts.onError.call(dg[0], index, data);
|
});
|
} else {
|
dg.datagrid('cancelEdit', index);
|
dg.datagrid('deleteRow', index);
|
opts.onDestroy.call(dg[0], index, row);
|
}
|
}
|
}
|
});
|
}
|
};
|
|
$.fn.edatagrid.defaults = $.extend({}, $.fn.datagrid.defaults, {
|
singleSelect: true,
|
editing: true,
|
editIndex: -1,
|
destroyMsg:{
|
norecord:{
|
title:'警告框',
|
msg:'没有字段被选中！'
|
},
|
confirm:{
|
title:'确认框',
|
msg:'确定要删除该字段?'
|
}
|
},
|
poster: function(url, data, success, error){
|
$.ajax({
|
type: 'post',
|
url: url,
|
data: data,
|
dataType: 'json',
|
success: function(data){
|
success(data);
|
},
|
error: function(jqXHR, textStatus, errorThrown){
|
error({
|
jqXHR: jqXHR,
|
textStatus: textStatus,
|
errorThrown: errorThrown
|
});
|
}
|
});
|
},
|
|
autoSave: false, // auto save the editing row when click out of datagrid
|
url: null, // return the datagrid data
|
saveUrl: null, // return the added row
|
updateUrl: null, // return the updated row
|
destroyUrl: null, // return {success:true}
|
|
tree: null, // the tree selector
|
treeUrl: null, // return tree data
|
treeDndUrl: null, // to process the drag and drop operation, return {success:true}
|
treeTextField: 'name',
|
treeParentField: 'parentId',
|
|
onAdd: function(index, row){},
|
onEdit: function(index, row){},
|
onBeforeSave: function(index){},
|
onSave: function(index, row){},
|
onSuccess: function(index, row){},
|
onDestroy: function(index, row){},
|
onError: function(index, row){}
|
});
|
|
////////////////////////////////
|
$.parser.plugins.push('edatagrid');
|
})(jQuery);
|
