JQUERY甘特图实例

JQUERY甘特图实例

$("#ganttChart").ganttView({showWeekends: true,data: ganttData,cellWidth: 21,start: new Date(2010,00,01),end: new Date(2010,05,15),slideWidth: 600,excludeWeekends: true,showDayOfWeek: true,showHolidays: true,excludeHolidays: true,clicked: function (o) {selectedObj = o;var data = selectedObj.data('block-data');var itemName = data.itemName ? data.itemName : "";var seriesName = data.seriesName ? data.seriesName: "";var text = data.text ? data.text : "";
var sYYYY = data.start.getYear();sYYYY = sYYYY < 1000 ? sYYYY 1900 : sYYYY;var sMM = data.start.getMonth() 1;var sDD = data.start.getDate();
var eYYYY = data.end.getYear();eYYYY = eYYYY < 1000 ? eYYYY 1900 : eYYYY;var eMM = data.end.getMonth() 1;var eDD = data.end.getDate();
$('#ganttData-item-id').val(data.itemId);$('#ganttData-item-name').val(itemName);$('#ganttData-series-id').val(data.seriesId);$('#ganttData-series-name').val(seriesName);$('#ganttData-series-start').val(sYYYY "/" sMM "/" sDD);$('#ganttData-series-end').val(eYYYY "/" eMM "/" eDD);$('#ganttData-series-text').val(text);
},dblClicked: function (o) {if (selectedObj == null) { return; }
if (selectedObj.data('block-data').seriesId == o.data('block-data').seriesId) {$('#ganttData-reset').trigger("click");}},changed: function (o) {o.trigger("click");}});