public.component.assets.custom.jquery.loyGrid.js Maven / Gradle / Ivy
/*
* Copyright Loy Fu. 付厚俊
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
function pickDate(cellvalue, options, cell) {
setTimeout(function() {
$(cell).find('input[type=text]').datepicker({
format : 'yyyy-mm-dd',
autoclose : true,
language: 'zh-CN'
});
}, 0);
}
function getTableHtml(tableId,removeCols){
if(!removeCols){
removeCols = [0,1,2];
}
var $table = $('#'+tableId);
var headerHtml = [""];
var $htable = $('.ui-jqgrid-htable',$("#gbox_"+tableId));
var $headerTable = $('th',$htable).each(function(index){
if($.inArray(index, removeCols) == -1){
headerHtml.push(""+$(this).text()+" ");
}
});
headerHtml.push(" ");
var html = $table.html();
var $newHtml = $(html);
$('tr',$table).each(function(){
headerHtml.push("");
$(this).find('td').each(function(index){
if($.inArray(index, removeCols)==-1){
var text = $(this).text();
headerHtml.push(''+text+' ');
}
});
headerHtml.push(" ");
});
html = ""+headerHtml.join("")+"
";
return html;
}
function searchBoxHideShown($container,grid){
$('#search_box',$container).on('shown.ace.widget', function(e) {
$('.chosen-container',$('#search_box',$container)).each(function() {
var $this = $(this);
$this.css({'width': $this.parent().width()});
});
var searchConditionHeight = $('.widget-body',$('#search_box',$container)).height();
grid.setGridHeight(getGridDefaultHeight()-searchConditionHeight);
});
$('#search_box',$container).on('hide.ace.widget', function(e) {
var searchConditionHeight = $('.widget-body',$('#search_box',$container)).height();
grid.setGridHeight(getGridDefaultHeight());
});
}
function exportExcel(url,tableId,removeCols){
var html = getTableHtml(tableId,removeCols);
var $exportForm = $('#exportForm');
if($exportForm.length == 0){
var form = "";
$exportForm = $(form);
$('body').append($exportForm);
}else{
exportForm.action = url;
$('input[name="html"]',$exportForm).val(html);
}
exportForm.submit();
}
function getFitGridWidth(w){
// var v = window.screen.width;
// if(v<1024){
// if(w){
// return w;
// }
// return v;
// }
return $(".page-content").width();
}
function errorTextFormat (data) {
if(data.status == 401){
top.location.href ="login";
return;
}
if(data.status == 403){
return [false,$.i18n.prop('no_permission')];
}
return [false,data.statusText];
}
function getFormatoptions(baseUrl,accessCodePrefix){
var formatoptions = {
keys:true,
editformbutton:hasPermission(accessCodePrefix,"update"),
editbutton:hasPermission(accessCodePrefix,"update"),
delbutton : hasPermission(accessCodePrefix,"delete"),
editOptions:{
recreateForm: true,
url:baseUrl+'update',
closeOnEscape: true,
closeAfterAdd: true,
viewPagerButtons: true,
closeAfterEdit: true,
beforeShowForm: function(form){
style_edit_form(form);
},
errorTextFormat:errorTextFormat,
afterSubmit:afterSubmit
},
delOptions : {
recreateForm: true,
errorTextFormat:errorTextFormat,
afterSubmit : afterSubmit,
url:baseUrl+'del',
beforeShowForm: function(form){
style_delete_form(form);
}
}
};
return formatoptions;
}
function getGridDefaultHeight(){
if(HomeGlobal && HomeGlobal.gridDefaultHeight){
return HomeGlobal.gridDefaultHeight;
}
return 350;
}
function afterSubmit (response, postdata) {
result = $.parseJSON(response.responseText);
if(result && !result.success){
if(result.errorCode == 'not_login'){
top.location.href ='login';
}
return[false,result.msg] ;
}
return [true,''] ;
}
function style_edit_form(form) {
//enable datepicker on "sdate" field and switches for "stock" field
form.find("input[ctype='date']").datepicker({format:'yyyy-mm-dd' , autoclose:true});
//form.find('input[name=stock]').addClass('ace ace-switch ace-switch-5').after('');
//don't wrap inside a label element, the checkbox value won't be submitted (POST'ed)
//.addClass('ace ace-switch ace-switch-5').wrap('').after('');
//update buttons classes
var buttons = form.next().find('.EditButton .fm-button');
buttons.addClass('btn btn-sm').find('[class*="-icon"]').hide();//ui-icon, s-icon
buttons.eq(0).addClass('btn-primary').prepend('');
buttons.eq(1).prepend('')
buttons = form.next().find('.navButton a');
buttons.find('.ui-icon').hide();
buttons.eq(0).append('');
buttons.eq(1).append('');
}
function style_delete_form(form) {
var buttons = form.next().find('.EditButton .fm-button');
buttons.addClass('btn btn-sm btn-white btn-round').find('[class*="-icon"]').hide();//ui-icon, s-icon
buttons.eq(0).addClass('btn-danger').prepend('');
buttons.eq(1).addClass('btn-default').prepend('')
}
function style_search_filters(form) {
form.find('.delete-rule').val('X');
form.find('.add-rule').addClass('btn btn-xs btn-primary');
form.find('.add-group').addClass('btn btn-xs btn-success');
form.find('.delete-group').addClass('btn btn-xs btn-danger');
}
function style_search_form(form) {
var dialog = form.closest('.ui-jqdialog');
var buttons = dialog.find('.EditTable')
buttons.find('.EditButton a[id*="_reset"]').addClass('btn btn-sm btn-info').find('.ui-icon').attr('class', 'ace-icon fa fa-retweet');
buttons.find('.EditButton a[id*="_query"]').addClass('btn btn-sm btn-inverse').find('.ui-icon').attr('class', 'ace-icon fa fa-comment-o');
buttons.find('.EditButton a[id*="_search"]').addClass('btn btn-sm btn-purple').find('.ui-icon').attr('class', 'ace-icon fa fa-search');
}
//it causes some flicker when reloading or navigating grid
//it may be possible to have some custom formatter to do this as the grid is being created to prevent this
//or go back to default browser checkbox styles for the grid
function styleCheckbox(table) {
/**
$(table).find('input:checkbox').addClass('ace')
.wrap('')
.after('')
$('.ui-jqgrid-labels th[id*="_cb"]:first-child')
.find('input.cbox[type=checkbox]').addClass('ace')
.wrap('').after('');
*/
}
//unlike navButtons icons, action icons in rows seem to be hard-coded
//you can change them like this in here if you want
function updateActionIcons(table) {
/**
var replacement =
{
'ui-ace-icon fa fa-pencil' : 'ace-icon fa fa-pencil blue',
'ui-ace-icon fa fa-trash-o' : 'ace-icon fa fa-trash-o red',
'ui-icon-disk' : 'ace-icon fa fa-check green',
'ui-icon-cancel' : 'ace-icon fa fa-times red'
};
$(table).find('.ui-pg-div span.ui-icon').each(function(){
var icon = $(this);
var $class = $.trim(icon.attr('class').replace('ui-icon', ''));
if($class in replacement) icon.attr('class', 'ui-icon '+replacement[$class]);
})
*/
}
//replace icons with FontAwesome icons like above
function updatePagerIcons(table) {
var replacement =
{
'ui-icon-seek-first' : 'ace-icon fa fa-angle-double-left bigger-140',
'ui-icon-seek-prev' : 'ace-icon fa fa-angle-left bigger-140',
'ui-icon-seek-next' : 'ace-icon fa fa-angle-right bigger-140',
'ui-icon-seek-end' : 'ace-icon fa fa-angle-double-right bigger-140'
};
$('.ui-pg-table:not(.navtable) > tbody > tr > .ui-pg-button > .ui-icon').each(function(){
var icon = $(this);
var $class = $.trim(icon.attr('class').replace('ui-icon', ''));
if($class in replacement) icon.attr('class', 'ui-icon '+replacement[$class]);
})
}
function enableTooltips(table) {
$('.navtable .ui-pg-button').tooltip({container:'body'});
$(table).find('.ui-pg-div').tooltip({container:'body'});
}
function loadComplete (data) {
if(!data.success){
if(data.errorCode && data.errorCode == 'not_login'){
top.location.href ='login';
}else{
$.loy.alert(data.msg ,'error');
}
}
var table = this;
setTimeout(function(){
styleCheckbox(table);
updateActionIcons(table);
updatePagerIcons(table);
enableTooltips(table);
}, 0);
}
function hasPermission(accessCodePrefix,op){
if(accessCodePrefix){
var accessCode = accessCodePrefix+":"+op;
// if(HomeGlobal.accessCodes == null){
// setTimeout(function() {
// hasPermission(baseUrl,op);
// }, 2);
// return;
// }
var value = HomeGlobal.accessCodes[accessCode];
if(value == null || value == undefined){
return true;
}
return value;
}else{
return true;
}
}
(function ($) {
var mEdit = {
//edit record form
closeOnEscape: true,
viewPagerButtons: true,
closeAfterEdit: true,
//width: 700,
//url:"/user/edit",
recreateForm: true,
errorTextFormat: errorTextFormat,
afterSubmit : afterSubmit,
beforeShowForm : function(form) {
style_edit_form(form);
var form = $(form[0]);
/*
var e = $(e);
$("tr", e).each(function() {
var inputs = $(">td.DataTD:has(input,select)",this);
if (inputs.length == 1) {
var tds = $(">td", this);
tds.eq(1).attr("colSpan", tds.length - 1);
tds.slice(2).hide();
}
});
*/
//form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('')
}
};
var mAdd = {
closeOnEscape: true,
closeAfterAdd: true,
viewPagerButtons: true,
recreateForm: true,
//url:"/user/add",
beforeShowForm : function(form) {
style_edit_form(form);
},
afterSubmit : afterSubmit,
errorTextFormat:errorTextFormat
};
var mDel ={
//delete record form
recreateForm: true,
//url:"/user/del",
afterSubmit : afterSubmit,
errorTextFormat:errorTextFormat,
beforeShowForm : function(e) {
var form = $(e[0]);
if(form.data('styled')) return false;
form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('')
style_delete_form(form);
form.data('styled', true);
},
onClick : function(e) {
//alert(1);
}
};
var mSearch = {
//search form
recreateForm: true,
errorTextFormat:errorTextFormat,
afterShowSearch: function(e){
var form = $(e[0]);
form.closest('.ui-jqdialog').find('.ui-jqdialog-title').wrap('')
style_search_form(form);
},
afterRedraw: function(){
style_search_filters($(this));
},
multipleSearch: true,
/**
multipleGroup:true,
showQuery: true
*/
};
var mView = {
//view record form
recreateForm: true,
errorTextFormat:errorTextFormat,
beforeShowForm: function(e){
var form = $(e[0]);
form.closest('.ui-jqdialog').find('.ui-jqdialog-title').wrap('')
}
};
var mExcel = {
errorTextFormat:errorTextFormat
};
var setting = {
cellEdit:false,
datatype: "json",
scrollOffset:20,
height: getGridDefaultHeight()+'',
shrinkToFit:window.screen.width>=HomeGlobal.BIG_SCREEN?true:false,
//toppager: true,
pagerpos:'center',
viewrecords : true,
rowNum:10,
rownumbers: true,
rowList:[10,20,30],
altRows: true,
//toppager: true,
multiselect: true,
//multikey: "ctrlKey",
multiboxonly: true,
autowidth: true,
sortable:false,
//width:getFitGridWidth(),
getFitGridWidth:function(){
return getFitGridWidth();
},
jsonReader: {
root: "data.content",
total: "data.totalPages",//总页数
page: "data.number",//当前页
records: "data.totalElements",//记录总数
repeatitems: false
},
prmNames : {
page:"page", // 表示请求页码的参数名称
rows:"size", // 表示请求行数的参数名称
sort: "orderProperty", // 表示用于排序的列名的参数名称
order: "direction", // 表示采用的排序方式的参数名称
//search:"_search", // 表示是否是搜索请求的参数名称
//nd:"nd", // 表示已经发送请求的次数的参数名称
//id:"id", // 表示当在编辑数据模块中发送数据时，使用的id的名称
//oper:"oper", // operation参数名称
//editoper:"edit", // 当在edit模式中提交数据时，操作的名称
//addoper:"add", // 当在add模式中提交数据时，操作的名称
//deloper:"del", // 当在delete模式中提交数据时，操作的名称
//subgridid:"id", // 当点击以载入数据到子表时，传递的数据名称
npage: null
//totalrows:"totalrows" // 表示需从Server得到总共多少行数据的参数名称，参见jqGrid选项中的rowTotal
},
loadError:function (xhr,st,err){
$.loy.statusErrorShow(xhr.status);
},
loadComplete : function(data) {
loadComplete(data);
},
gridComplete:function(){
var $jqGrid = $(this);
var width = setting.getFitGridWidth();
if(width == 0){
setTimeout(function() {
$jqGrid.jqGrid('setGridWidth', setting.getFitGridWidth());
}, 20);
}else{
$jqGrid.jqGrid('setGridWidth', setting.getFitGridWidth());
}
},
onInitGrid:function(){
var $jqGrid = $(this);
$(window).on('resize.jqGrid', function() {
$jqGrid.loyGrid('setGridWidth', setting.getFitGridWidth());
});
var parent_column = $jqGrid.closest('[class*="col-"]');
$(document).on('settings.ace.jqGrid', function(ev, event_name, collapsed) {
if (event_name === 'sidebar_collapsed' || event_name === 'main_container_fixed') {
setTimeout(function() {
$jqGrid.jqGrid('setGridWidth', setting.getFitGridWidth());
}, 10);
}
});
$(document).on('mainTabClick', function(ev) {
setTimeout(function() {
$jqGrid.jqGrid('setGridWidth', setting.getFitGridWidth());
}, 0);
});
}
}
$.extend($.jgrid.defaults, setting || {});
$.fn.loyGrid = $.fn.extend($.fn.jqGrid,{
navGrid : function (elem, o, pEdit,pAdd,pDel,pSearch, pView,pExcel) {
o = $.extend({
position : "left",
closeOnEscape : true,
beforeRefresh : null,
afterRefresh : null,
alertwidth : 200,
alertheight : 'auto',
alerttop: null,
alertleft: null,
alertzIndex : null,
baseUrl:null,
//cloneToTop: true,
edit: true,
editicon : 'ace-icon fa fa-pencil blue',
add: true,
addicon : 'ace-icon fa fa-plus-circle purple',
del: true,
delicon : 'ace-icon fa fa-trash-o red',
search: false,
searchicon : 'ace-icon fa fa-search orange',
refresh: true,
refreshicon : 'ace-icon fa fa-refresh green',
view: false,
viewicon : 'ace-icon fa fa-search-plus grey',
excel:true,
excelicon:'ace-icon fa fa-file-excel-o green',
refreshstate:'current'
}, $.jgrid.nav, o ||{});
//o = $.extend(mo,o);
return this.each(function() {
if(this.nav) {return;}
var alertIDs = {themodal: 'alertmod_' + this.p.id, modalhead: 'alerthd_' + this.p.id,modalcontent: 'alertcnt_' + this.p.id},
$t = this, twd, tdw;
if(!$t.grid || typeof elem !== 'string') {return;}
if ($("#"+alertIDs.themodal)[0] === undefined) {
if(!o.alerttop && !o.alertleft) {
if (window.innerWidth !== undefined) {
o.alertleft = window.innerWidth;
o.alerttop = window.innerHeight;
} else if (document.documentElement !== undefined && document.documentElement.clientWidth !== undefined && document.documentElement.clientWidth !== 0) {
o.alertleft = document.documentElement.clientWidth;
o.alerttop = document.documentElement.clientHeight;
} else {
o.alertleft=1024;
o.alerttop=768;
}
o.alertleft = o.alertleft/2 - parseInt(o.alertwidth,10)/2;
o.alerttop = o.alerttop/2-25;
}
$.jgrid.createModal(alertIDs,
""+o.alerttext+"",
{
gbox:"#gbox_"+$.jgrid.jqID($t.p.id),
jqModal:true,
drag:true,
resize:true,
caption:o.alertcap,
top:o.alerttop,
left:o.alertleft,
width:o.alertwidth,
height: o.alertheight,
closeOnEscape:o.closeOnEscape,
zIndex: o.alertzIndex
},
"#gview_"+$.jgrid.jqID($t.p.id),
$("#gbox_"+$.jgrid.jqID($t.p.id))[0],
true
);
}
var clone = 1, i,
onHoverIn = function () {
if (!$(this).hasClass('ui-state-disabled')) {
$(this).addClass("ui-state-hover");
}
},
onHoverOut = function () {
$(this).removeClass("ui-state-hover");
};
if(o.cloneToTop && $t.p.toppager) {clone = 2;}
for(i = 0; i© 2015 - 2025 Weber Informatics LLC | Privacy Policy