Struts2 jQuery Plugin Showcase Version 3.2.0 用到的所有JS归类
/*
* Function for Theme Handling
*
*/
function changeTheme(newTheme) {
if (newTheme=='showcase')
themePathPrefix = "themes/";
else {
themeHref = $('#jquery_theme_link').attr('href');
if ($("#google").attr('checked')) {
if (themeHref.indexOf("http:")==0) {
prefixIndex = themeHref.indexOf("themes/")+7;
themePathPrefix=themeHref.substring(0,prefixIndex);
}
else {
$("#themeform").submit();
return false;
}
}
else {
themePathPrefix = "struts/themes/";
}
}
$('#jquery_theme_link').attr('href',themePathPrefix+newTheme+'/jquery-ui.css');
}
/*
* Function for Custome Validation Example
*
*/
function customeValidation(form, errors) {
// List for errors
var list = $('#formerrors');
// Handle non field errors
if (errors.errors) {
$.each(errors.errors, function(index, value) {
list.append('<li>' + value + '</li>\n');
});
}
// Handle field errors
if (errors.fieldErrors) {
$.each(errors.fieldErrors, function(index, value) {
var elem = $('#' + index + 'Error');
if (elem) {
elem.html(value[0]);
elem.addClass('errorLabel');
}
});
}
}
/*
* Function for Tree Node Delete Example
*
*/
function deleteTreeNode(url, obj) {
$("#result2").load(url +"?echo=Delete%20Node%20"+obj[0].id);
}
$(document).ready(function() {
$.subscribe('changeTextfield', function(event, data) {
$('#result').html('Textfield '+data.id+' value is '+data.value);
});
/*
* Subscribe Topics for AJAX Link Event Example
*/
$.subscribe('beforeLink', function(event, data) {
alert('Before request ');
$('#result').html('Loading ...');
});
$.subscribe('completeLink', function(event, data) {
$('#result').append('<br/><br/><strong>Completed request ' + event.originalEvent.request.statusText + ' completed with ' + event.originalEvent.status + '.</strong><br/>Status: ' + event.originalEvent.request.status);
});
$.subscribe('errorStateLink', function(event, data) {
$('#result').html('<br/><br/><strong>Error request ' + event.originalEvent.request.statusText + ' completed with ' + event.originalEvent.status + '.</strong><br/>Status: ' + event.originalEvent.request.status);
});
/*
* Subscribe Topics for AJAX Div Event Example
*/
$.subscribe('beforeDiv', function(event, data) {
alert('Before request ');
});
$.subscribe('completeDiv', function(event, data) {
if (event.originalEvent.status == "success") {
$('#resultnormal').append('<br/><br/><strong>Completed request ' + event.originalEvent.request.statusText + ' completed with ' + event.originalEvent.status + '.</strong><br/>Status: ' + event.originalEvent.request.status);
}
});
$.subscribe('errorDiv', function(event, data) {
$('#resulterror').html('<br/><br/><strong>Error request ' + event.originalEvent.request.statusText + ' completed with ' + event.originalEvent.status + '.</strong><br/>Status: ' + event.originalEvent.request.status);
});
/*
* Subscribe Topics for AJAX Form Event Example
*/
$.subscribe('beforeForm', function(event, data) {
var fData = event.originalEvent.formData;
alert('About to submit: \n\n' + fData[0].value + ' to target ' + event.originalEvent.options.target + ' with timeout ' + event.originalEvent.options.timeout);
var form = event.originalEvent.form[0];
if (form.echo.value.length < 2) {
alert('Please enter a value with min 2 characters');
event.originalEvent.options.submit = false;
}
});
$.subscribe('completeForm', function(event, data) {
alert('status: ' + event.originalEvent.status + '\n\nresponseText: \n' + event.originalEvent.request.responseText + '\n\nThe output div should have already been updated with the responseText.');
});
$.subscribe('errorStateForm', function(event, data) {
alert('status: ' + event.originalEvent.status + '\n\nrequest status: ' + event.originalEvent.request.status);
});
/*
* Subscribe Topics for AJAX Datepicker Examples
*/
$.subscribe('onDpChangeMonthAndYear', function(event,data) {
alert('Change month to : '+event.originalEvent.month+' and year to '+event.originalEvent.year);
});
$.subscribe('onDpClose', function(event,data) {
alert('Selected Date : '+event.originalEvent.dateText);
});
/*
* Subscribe Topics for Dialog Event Example
*/
$.subscribe('dialogopentopic', function(event, ui) {
alert('run topic on dialog open');
});
$.subscribe('dialogclosetopic', function(event, ui) {
alert('run topic on dialog close');
});
$.subscribe('dialogbeforeclosetopic', function(event, ui) {
alert('run topic befor dialog close');
});
/*
* Subscribe Topics for Grid Loadonce Example
*/
$.subscribe('showloadcolumns', function(event, data) {
$.struts2_jquery.require("js/plugins/grid.setcolumns.js");
$("#gridloadtable").jqGrid('setColumns', {});
});
/*
* Subscribe Topics for GridEdit Event Example
*/
$.subscribe('rowselect', function(event, data) {
$("#gridinfo").html('<p>Edit Mode for Row : ' + event.originalEvent.id + '</p>');
});
$.subscribe('oneditsuccess', function(event, data){
var message = event.originalEvent.response.statusText;
$("#gridinfo").html('<p>Status: ' + message + '</p>');
});
$.subscribe('rowadd', function(event, data) {
$("#gridedittable").jqGrid('editGridRow', "new", {
height : 280,
reloadAfterSubmit : false
});
});
$.subscribe('searchgrid', function(event, data) {
$("#gridedittable").jqGrid('searchGrid', {
sopt : [ 'cn', 'bw', 'eq', 'ne', 'lt', 'gt', 'ew' ]
});
});
$.subscribe('showcolumns', function(event, data) {
$.struts2_jquery.require("js/plugins/grid.setcolumns.js");
$("#gridedittable").jqGrid('setColumns', {});
});
/*
* Subscribe Topics for Grid Multiselect Example
*/
$.subscribe('getselectedids', function(event, data) {
var s;
s = $("#gridmultitable").jqGrid('getGridParam', 'selarrrow');
alert('Selected Rows : ' + s);
});
/*
* Subscribe Topics for Progressbar Change Example
*/
$.subscribe('progressbarchangetopic', function(event, data) {
alert('value changed to : ' + $("#progressbarchange").progressbar('option', 'value'));
});
$.subscribe('progressbarclicktopic', function(event, data) {
$("#progressbarchange").progressbar('value', parseInt((Math.random() * (90)), 10));
});
/*
* Subscribe Topics for Slider Range Example
*/
$.subscribe('sliderStop', function(event, data) {
alert('Slider stoped with value : ' + event.originalEvent.ui.value);
});
$.subscribe('sliderRangeStop', function(event, data) {
alert('Slider stoped with values : ' + event.originalEvent.ui.values[0] + ' - ' + event.originalEvent.ui.values[1]);
});
/*
* Subscribe Topics for Remote Tabs Example
*/
$.subscribe('tabchange', function(event, data) {
var tab = event.originalEvent.ui.index;
$('#changepanel').html('Change to Tab <strong>' + tab + '.</strong>');
$('#infopanel').html('');
if (tab == 2) {
$('#remotetabs').tabs('enable', 3);
} else if (tab == 3) {
$('#remotetabs').tabs('enable', 4);
}
});
$.subscribe('tabcomplete', function(event, ui) {
$('#infopanel').html('<strong>Completed request with Status ' + event.originalEvent.status + '.</strong><br/>Status: ' + event.originalEvent.request.status);
});
$.subscribe("removeTabEvent", function(event, ui) {
alert("Tab "+event.originalEvent.ui.tab.text+" was removed.");
});
/*
* Remove Error Labels when Validation Forms are successfully
*/
$.subscribe('removeErrors', function(event, data) {
$('.errorLabel').html('').removeClass('errorLabel');
$('#formerrors').html('');
});
/*
* Topic for Remote Link with JSON Result.
*/
$.subscribe('handleJsonResult', function(event, data) {
$('#result').html("<ul id='languagesList'></ul>");
var list = $('#languagesList');
$.each(event.originalEvent.data, function(index, value) {
list.append('<li>' + value + '</li>\n');
});
});
/*
* Hide the target after action is complete.
*/
$.subscribe('hideTarget', function(event, data) {
$('#'+event.originalEvent.targets).delay(2000).hide("blind", 2500);
});
/*
* Topic for Drag and Drop Example.
*/
$.subscribe('ondrop', function(event,data) {
$(data).addClass('ui-state-highlight').find('p').html($(event.originalEvent.ui.draggable).attr('id')+' dropped!');
$(event.originalEvent.ui.draggable).find('p').html('I was dragged!');
});
/*
* Topic for Reload Div Examples.
*/
var refreshDiv1 = 0;
var refreshDiv2 = 0;
var refreshDiv3 = 0;
var refreshList = 0;
$.subscribe('refreshlist', function(event, data) {
$.publish('reloadlist');
});
$.subscribe('refreshdiv', function(event, data) {
$.publish('reloaddiv1');
});
$.subscribe('completediv1', function(event, data) {
if (event.originalEvent.status == "success") {
$('#counter1').html(++refreshDiv1);
}
});
$.subscribe('completediv2', function(event, data) {
if (event.originalEvent.status == "success") {
$('#counter2').html(++refreshDiv2);
setTimeout( function() {
$.publish('reloaddiv2');
}, 10000);
}
});
$.subscribe('completediv3', function(event, data) {
if (event.originalEvent.status == "success") {
$('#counter4').html(++refreshDiv3);
setTimeout( function() {
$.publish('reloaddiv3');
}, 15000);
}
});
$.subscribe('completelist', function(event, data) {
if (event.originalEvent.status == "success") {
$('#counter3').html(++refreshList);
}
});
$.subscribe('autocompleteChange', function(event, data) {
var ui = event.originalEvent.ui;
if(ui.item) {
var message = ui.item.value;
if(ui.item.key) {
message = '( '+ ui.item.key +' ) '+message;
}
$('#topics').html('<b>'+message+'</b>');
}
});
$.subscribe('autocompleteFocus', function(event, data) {
var ui = event.originalEvent.ui;
var message = ui.item.value;
if(ui.item.key) {
message = '( '+ ui.item.key +' ) '+message;
}
$('#topics').html('<u>'+message+'</u>');
});
$.subscribe('autocompleteSelect', function(event, data) {
var ui = event.originalEvent.ui;
var message = ui.item.value;
if(ui.item.key) {
message = '( '+ ui.item.key +' ) '+message;
}
$('#topics').html('<i>'+message+'</i>');
});
/*
* Subscribe Topics for Chart Example
*/
$.subscribe('chartHover', function(event, data) {
$("#topicsHover").text(event.originalEvent.pos.x.toFixed(2)+','+event.originalEvent.pos.y.toFixed(2));
});
$.subscribe('chartClick', function(event, data) {
var item = event.originalEvent.item;
if (item) {
$("#topicsClick").text("You clicked point " + item.dataIndex + " ("+item.datapoint[0]+","+item.datapoint[1]+") in " + item.series.label + ".");
event.originalEvent.plot.highlight(item.series, item.datapoint);
}
});
/*
* Subscribe Topics for Tree Example
*/
$.subscribe('treeClicked', function(event, data) {
var item = event.originalEvent.data.rslt.obj;
alert('Clicked ID : ' + item.attr("id") + ' - Text ' + item.text());
});
/*
* Subscribe Topics for Reichtext Example
*/
$.subscribe('focusRichtext', function(event, data) {
$("#result").addClass('ui-state-active');
$("#result").removeClass('ui-state-highlight');
});
$.subscribe('blurRichtext', function(event, data) {
$("#result").removeClass('ui-state-active');
$("#result").removeClass('ui-state-highlight');
});
$.subscribe('highlightRichtext', function(event, data) {
$("#result").removeClass('ui-state-active');
$("#result").addClass('ui-state-highlight');
});
/*
* Menu Highlight
*/
$('div.ui-widget-header > ul > li').click(function() {
$('div.ui-widget-header > ul > li').removeClass('ui-state-active');
$(this).addClass('ui-state-active');
}, function() {
});
$('div.ui-widget-header > ul > li').hover(function() {
$(this).addClass('ui-state-hover');
}, function() {
$(this).removeClass('ui-state-hover');
});
});