SmartclientVersion:v8.3p_2013-05-23/Pro Development Only
Browser: fireFox 20.0.1, Safari 6.0.2.
Hello,
when the timeline shows events with different eventWindowStyles
an I delete an arbitrary event the layout of a different event is changed.
Demo see below(klick on event to delete):
************************
<!DOCTYPE html>
<html>
<head>
<title>Termine 0.9b</title>
<style type="text/css">
.testStyle {
font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px;
background-color:#FA8072;
border: 1px solid #004D99;
}
.testStyleHeader {
font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px;
color: white;
background-color:#B22222;
}
.testStyleBody {
font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px;
color:black;
background-color: #FA8072;
padding: 3px;
}
.testStyleResizer {
border-top:1px solid white;
border-bottom: 1px solid white;
}
.testStyle2 {
font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px;
background-color:#FA8072;
border: 1px solid #004D99;
}
.testStyle2Header {
font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px;
color: white;
background-color:green;
}
.testStyle2Body {
font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px;
color:black;
background-color: #FA8072;
padding: 3px;
}
.testStyle2Resizer {
border-top:1px solid white;
border-bottom: 1px solid white;
}
</style>
</head>
<body>
<script>isc_css3Mode="on";</script>
<script>var isomorphicDir="/isomorphic83pc/";</script>
<script src=/isomorphic83pc/system/modules/ISC_Core.js?version=8.3></script>
<script src=/isomorphic83pc/system/modules/ISC_Foundation.js?version=8.3></script>
<script src=/isomorphic83pc/system/modules/ISC_Containers.js?version=8.3></script>
<script src=/isomorphic83pc/system/modules/ISC_Grids.js?version=8.3></script>
<script src=/isomorphic83pc/system/modules/ISC_Forms.js?version=8.3></script>
<script src=/isomorphic83pc/system/modules/ISC_DataBinding.js?version=8.3></script>
<script src=/isomorphic83pc/system/modules/ISC_Calendar.js?version=8.3></script>
<script src=/isomorphic83pc/skins/EnterpriseBlue/load_skin.js?version=8.3></script>
<script charset="utf-8" type="text/javascript" src="/isomorphic83pc/locales/frameworkMessages_de.properties"></script>
</script>
<script>
var _today = isc.DateUtil.getStartOf(new Date(2012, 6, 5), "W");
var _start = _today.getDate() - _today.getDay();
var _month = _today.getMonth();
var _year = _today.getFullYear();
var events = [
{
eventId: 1,
name: "Add new Timeline view",
description: "Add a new calendar Timeline component",
startDate: new Date(_year, _month, _start + 2),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 8), "D"),
lane: "darcyFeeney"
},
{
eventId: 2,
name: "ListGrid field autoSize",
description: "Complex field-autosizing in ListGrid",
startDate: new Date(_year, _month, _start),
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start), "D"),
eventWindowStyle: "testStyle2",
lane: "kaiKong"
},
{
eventId: 3,
name: "PDF Import/Export",
description: "Implement native PDF import/export",
startDate: new Date(_year, _month, _start + 1),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 6), "D"),
lane: "garretMonroe"
},
{
eventId: 4,
name: "Calculated Fields",
description: "Formula and Summary fields for ListGrid",
startDate: new Date(_year, _month, _start),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 4), "D"),
lane: "charlesMadigen"
},
{
eventId: 5,
name: "ListGrid cell-level selection",
description: "Implement spreadsheet-like selection in ListGrid",
startDate: new Date(_year, _month, _start + 7),
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 14), "D"),
eventWindowStyle: "testStyle2",
lane: "charlesMadigen"
},
{
eventId: 6,
name: "Text import",
description: "Server text-import",
startDate: new Date(_year, _month, _start + 16),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 20), "D"),
lane: "charlesMadigen"
},
{
eventId: 7,
name: "TabIndex enhancements",
description: "Enhance formItem tabindex handling",
startDate: new Date(_year, _month, _start + 9),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 11), "D"),
lane: "kaiKong"
},
{
eventId: 8,
name: "Visual Builder skin",
description: "Skinning changes",
startDate: new Date(_year, _month, _start),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 3), "D"),
lane: "shellyFewel"
},
{
eventId: 9,
name: "DataSource Transaction-handling",
description: "New transaction features",
startDate: new Date(_year, _month, _start),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 2), "D"),
lane: "tamaraKane"
},
{
eventId: 10,
name: "New Samples",
description: "Add 20 samples for the following new features: ...",
startDate: new Date(_year, _month, _start + 4),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 20), "D"),
lane: "tamaraKane"
},
{
eventId: 11,
name: "Localization",
description: "Extend i18n support",
startDate: new Date(_year, _month, _start + 9),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 14), "D"),
lane: "darcyFeeney"
},
{
eventId: 12,
name: "New Language Packs",
description: "Add these 4 new language packs: ...",
startDate: new Date(_year, _month, _start + 16),
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 18), "D"),
lane: "darcyFeeney"
},
{
eventId: 13,
name: "ComponentXML",
description: "Add the following features and update documentation: ...",
startDate: new Date(_year, _month, _start + 5),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 11), "D"),
lane: "shellyFewel"
},
{
eventId: 14,
name: "TileGrid",
description: "Change styling on builtin tiles as follows: ...",
startDate: new Date(_year, _month, _start + 14),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 19), "D"),
lane: "shellyFewel"
},
{
eventId: 15,
name: "Dev Meeting",
description: "Weekly dev meeting",
startDate: new Date(_year, _month, _start + 1),
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 1), "D"),
lane: "charlesMadigen",
eventWindowStyle: "testStyle",
canEdit: false
},
{
eventId: 16,
name: "Dev Meeting",
description: "Weekly dev meeting",
startDate: new Date(_year, _month, _start + 8),
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 8), "D"),
lane: "charlesMadigen",
eventWindowStyle: "testStyle",
canEdit: false
},
{
eventId: 17,
name: "Dev Meeting",
description: "Weekly dev meeting",
startDate: new Date(_year, _month, _start + 15),
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 15), "D"),
lane: "charlesMadigen",
eventWindowStyle: "testStyle",
canEdit: false
},
{
eventId: 18,
name: "Oracle enhancements",
description: "Add the following 11g-specific enhancements: ...",
startDate: new Date(_year, _month, _start + 7),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 9), "D"),
lane: "garretMonroe"
},
{
eventId: 19,
name: "Client export",
description: "Excel export alterations",
startDate: new Date(_year, _month, _start + 11),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 14), "D"),
lane: "garretMonroe"
},
{
eventId: 20,
name: "Record Components",
description: "New ListGrid recordComponent modes: ...",
startDate: new Date(_year, _month, _start + 16),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 20), "D"),
lane: "garretMonroe"
},
{
eventId: 21,
name: "SQLDataSource",
description: "Enhancements to customSQL support",
startDate: new Date(_year, _month, _start + 2),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 4), "D"),
lane: "kaiKong"
},
{
eventId: 22,
name: "includeFrom",
description: "Update support via includeFrom",
startDate: new Date(_year, _month, _start + 6),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 8), "D"),
lane: "kaiKong"
},
{
eventId: 23,
name: "FileItem",
description: "Add milti-file upload support",
startDate: new Date(_year, _month, _start + 14),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 16), "D"),
lane: "kaiKong"
},
{
eventId: 24,
name: "Doc viewer",
description: "Enhance documentation viewer with these additional syntax-hilites: ...",
startDate: new Date(_year, _month, _start + 18),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 19), "D"),
lane: "kaiKong"
}
];
var developers = [
{ name: "charlesMadigen", title: "Charles Madigen" },
{ name: "tamaraKane", title: "Tamara Kane" },
{ name: "darcyFeeney", title: "Darcy Feeney" },
{ name: "kaiKong", title: "Kai Kong" },
{ name: "shellyFewel", title: "Shelly Fewel" },
{ name: "garretMonroe", title: "Garret Monroe" }
];
var _calStart = isc.DateUtil.getStartOf(new Date(2012, 6, 5), "W");
var _calEnd = _calStart.duplicate();
_calEnd.setDate(_calEnd.getDate() + 20);
isc.Timeline.create({
ID: "timeline",
height: 451,
startDate: _calStart,
endDate: _calEnd,
data: events,
lanes: developers,
showEventDescriptions: true,
headerLevels: [ { unit: "week" }, { unit: "day" } ],
canResizeTimelineEvents: true,
canEditLane: true,
eventClick: function (event, viewName){
this.removeEvent(event);
},
labelColumnWidth: 120
});
</script
</body>
</html>
Browser: fireFox 20.0.1, Safari 6.0.2.
Hello,
when the timeline shows events with different eventWindowStyles
an I delete an arbitrary event the layout of a different event is changed.
Demo see below(klick on event to delete):
************************
<!DOCTYPE html>
<html>
<head>
<title>Termine 0.9b</title>
<style type="text/css">
.testStyle {
font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px;
background-color:#FA8072;
border: 1px solid #004D99;
}
.testStyleHeader {
font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px;
color: white;
background-color:#B22222;
}
.testStyleBody {
font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px;
color:black;
background-color: #FA8072;
padding: 3px;
}
.testStyleResizer {
border-top:1px solid white;
border-bottom: 1px solid white;
}
.testStyle2 {
font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px;
background-color:#FA8072;
border: 1px solid #004D99;
}
.testStyle2Header {
font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px;
color: white;
background-color:green;
}
.testStyle2Body {
font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px;
color:black;
background-color: #FA8072;
padding: 3px;
}
.testStyle2Resizer {
border-top:1px solid white;
border-bottom: 1px solid white;
}
</style>
</head>
<body>
<script>isc_css3Mode="on";</script>
<script>var isomorphicDir="/isomorphic83pc/";</script>
<script src=/isomorphic83pc/system/modules/ISC_Core.js?version=8.3></script>
<script src=/isomorphic83pc/system/modules/ISC_Foundation.js?version=8.3></script>
<script src=/isomorphic83pc/system/modules/ISC_Containers.js?version=8.3></script>
<script src=/isomorphic83pc/system/modules/ISC_Grids.js?version=8.3></script>
<script src=/isomorphic83pc/system/modules/ISC_Forms.js?version=8.3></script>
<script src=/isomorphic83pc/system/modules/ISC_DataBinding.js?version=8.3></script>
<script src=/isomorphic83pc/system/modules/ISC_Calendar.js?version=8.3></script>
<script src=/isomorphic83pc/skins/EnterpriseBlue/load_skin.js?version=8.3></script>
<script charset="utf-8" type="text/javascript" src="/isomorphic83pc/locales/frameworkMessages_de.properties"></script>
</script>
<script>
var _today = isc.DateUtil.getStartOf(new Date(2012, 6, 5), "W");
var _start = _today.getDate() - _today.getDay();
var _month = _today.getMonth();
var _year = _today.getFullYear();
var events = [
{
eventId: 1,
name: "Add new Timeline view",
description: "Add a new calendar Timeline component",
startDate: new Date(_year, _month, _start + 2),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 8), "D"),
lane: "darcyFeeney"
},
{
eventId: 2,
name: "ListGrid field autoSize",
description: "Complex field-autosizing in ListGrid",
startDate: new Date(_year, _month, _start),
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start), "D"),
eventWindowStyle: "testStyle2",
lane: "kaiKong"
},
{
eventId: 3,
name: "PDF Import/Export",
description: "Implement native PDF import/export",
startDate: new Date(_year, _month, _start + 1),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 6), "D"),
lane: "garretMonroe"
},
{
eventId: 4,
name: "Calculated Fields",
description: "Formula and Summary fields for ListGrid",
startDate: new Date(_year, _month, _start),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 4), "D"),
lane: "charlesMadigen"
},
{
eventId: 5,
name: "ListGrid cell-level selection",
description: "Implement spreadsheet-like selection in ListGrid",
startDate: new Date(_year, _month, _start + 7),
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 14), "D"),
eventWindowStyle: "testStyle2",
lane: "charlesMadigen"
},
{
eventId: 6,
name: "Text import",
description: "Server text-import",
startDate: new Date(_year, _month, _start + 16),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 20), "D"),
lane: "charlesMadigen"
},
{
eventId: 7,
name: "TabIndex enhancements",
description: "Enhance formItem tabindex handling",
startDate: new Date(_year, _month, _start + 9),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 11), "D"),
lane: "kaiKong"
},
{
eventId: 8,
name: "Visual Builder skin",
description: "Skinning changes",
startDate: new Date(_year, _month, _start),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 3), "D"),
lane: "shellyFewel"
},
{
eventId: 9,
name: "DataSource Transaction-handling",
description: "New transaction features",
startDate: new Date(_year, _month, _start),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 2), "D"),
lane: "tamaraKane"
},
{
eventId: 10,
name: "New Samples",
description: "Add 20 samples for the following new features: ...",
startDate: new Date(_year, _month, _start + 4),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 20), "D"),
lane: "tamaraKane"
},
{
eventId: 11,
name: "Localization",
description: "Extend i18n support",
startDate: new Date(_year, _month, _start + 9),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 14), "D"),
lane: "darcyFeeney"
},
{
eventId: 12,
name: "New Language Packs",
description: "Add these 4 new language packs: ...",
startDate: new Date(_year, _month, _start + 16),
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 18), "D"),
lane: "darcyFeeney"
},
{
eventId: 13,
name: "ComponentXML",
description: "Add the following features and update documentation: ...",
startDate: new Date(_year, _month, _start + 5),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 11), "D"),
lane: "shellyFewel"
},
{
eventId: 14,
name: "TileGrid",
description: "Change styling on builtin tiles as follows: ...",
startDate: new Date(_year, _month, _start + 14),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 19), "D"),
lane: "shellyFewel"
},
{
eventId: 15,
name: "Dev Meeting",
description: "Weekly dev meeting",
startDate: new Date(_year, _month, _start + 1),
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 1), "D"),
lane: "charlesMadigen",
eventWindowStyle: "testStyle",
canEdit: false
},
{
eventId: 16,
name: "Dev Meeting",
description: "Weekly dev meeting",
startDate: new Date(_year, _month, _start + 8),
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 8), "D"),
lane: "charlesMadigen",
eventWindowStyle: "testStyle",
canEdit: false
},
{
eventId: 17,
name: "Dev Meeting",
description: "Weekly dev meeting",
startDate: new Date(_year, _month, _start + 15),
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 15), "D"),
lane: "charlesMadigen",
eventWindowStyle: "testStyle",
canEdit: false
},
{
eventId: 18,
name: "Oracle enhancements",
description: "Add the following 11g-specific enhancements: ...",
startDate: new Date(_year, _month, _start + 7),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 9), "D"),
lane: "garretMonroe"
},
{
eventId: 19,
name: "Client export",
description: "Excel export alterations",
startDate: new Date(_year, _month, _start + 11),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 14), "D"),
lane: "garretMonroe"
},
{
eventId: 20,
name: "Record Components",
description: "New ListGrid recordComponent modes: ...",
startDate: new Date(_year, _month, _start + 16),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 20), "D"),
lane: "garretMonroe"
},
{
eventId: 21,
name: "SQLDataSource",
description: "Enhancements to customSQL support",
startDate: new Date(_year, _month, _start + 2),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 4), "D"),
lane: "kaiKong"
},
{
eventId: 22,
name: "includeFrom",
description: "Update support via includeFrom",
startDate: new Date(_year, _month, _start + 6),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 8), "D"),
lane: "kaiKong"
},
{
eventId: 23,
name: "FileItem",
description: "Add milti-file upload support",
startDate: new Date(_year, _month, _start + 14),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 16), "D"),
lane: "kaiKong"
},
{
eventId: 24,
name: "Doc viewer",
description: "Enhance documentation viewer with these additional syntax-hilites: ...",
startDate: new Date(_year, _month, _start + 18),
eventWindowStyle: "testStyle2",
endDate: isc.DateUtil.getEndOf(new Date(_year, _month, _start + 19), "D"),
lane: "kaiKong"
}
];
var developers = [
{ name: "charlesMadigen", title: "Charles Madigen" },
{ name: "tamaraKane", title: "Tamara Kane" },
{ name: "darcyFeeney", title: "Darcy Feeney" },
{ name: "kaiKong", title: "Kai Kong" },
{ name: "shellyFewel", title: "Shelly Fewel" },
{ name: "garretMonroe", title: "Garret Monroe" }
];
var _calStart = isc.DateUtil.getStartOf(new Date(2012, 6, 5), "W");
var _calEnd = _calStart.duplicate();
_calEnd.setDate(_calEnd.getDate() + 20);
isc.Timeline.create({
ID: "timeline",
height: 451,
startDate: _calStart,
endDate: _calEnd,
data: events,
lanes: developers,
showEventDescriptions: true,
headerLevels: [ { unit: "week" }, { unit: "day" } ],
canResizeTimelineEvents: true,
canEditLane: true,
eventClick: function (event, viewName){
this.removeEvent(event);
},
labelColumnWidth: 120
});
</script
</body>
</html>
Comment