Ext Calendar

I just remembered that I had made a decent Ext based calendar (extending Ext.Panel).

You can view a demo of it here.

The calendar supports loading data through a Ext.data.Store, d’n’d of timespans, events for handling d’n’d, editing etc.

22 thoughts on “Ext Calendar

  1. Another QS:
    for (var _steps = 0; _steps < _totalSteps; _steps++) {}
    Iadd the IF to render the Calendar to just ‘morning and afternoon’

    if(_steps ==12 && _steps==0){}

    but error happen~
    Could you please help me?

  2. Another QS:
    for (var _steps = 0; _steps < _totalSteps; _steps++) {}
    Iadd the IF to render the Calendar to just ‘morning and afternoon’

    if(_steps ==12 && _steps==0){}

    but error happen~
    Could you please help me?

  3. I cannot find where loading from Ext.data.Store is in the source code. Does the Ext.data.Store data have to be parsed into the timespan(data:) format?

    • Hm, I was sure it used a store, maybe I did that with a later version somewhere else..
      Anywhat, it should be quite easy to extend it with a store. Just bind the deleteTimespan, updateTimespan etc to the proper events and vice-versa :)

  4. I cannot find where loading from Ext.data.Store is in the source code. Does the Ext.data.Store data have to be parsed into the timespan(data:) format?

    • Hm, I was sure it used a store, maybe I did that with a later version somewhere else..
      Anywhat, it should be quite easy to extend it with a store. Just bind the deleteTimespan, updateTimespan etc to the proper events and vice-versa :)

  5. How do you recommend showing existing data on start-up?
    I expected the following code to do so, on startup – but it is not shown when the app loads.

    var ts = {
    data: {Id: 1, StartTime: new Date('2010-01-22 11:00:00.0'), EndTime: new Date('2010-01-22 16:00:00.0')}
    };

    _cal.insertTimespan(ts);

    Any suggestions?

  6. How do you recommend showing existing data on start-up?
    I expected the following code to do so, on startup – but it is not shown when the app loads.

    var ts = {
    data: {Id: 1, StartTime: new Date('2010-01-22 11:00:00.0'), EndTime: new Date('2010-01-22 16:00:00.0')}
    };

    _cal.insertTimespan(ts);

    Any suggestions?

  7. I had tried that and got a 'u is null' error – debugging isn't that great with ext! This seems to happen when it enters the:

    ts.view = Ext.DomHelper.append(_tableContainerCell, {
    tag: "div",
    cls: "Overlay"
    , true);
    ts.view.dom.ts = ts;

    of the _insertTimespan function.

  8. I had tried that and got a 'u is null' error – debugging isn't that great with ext! This seems to happen when it enters the:

    ts.view = Ext.DomHelper.append(_tableContainerCell, {
    tag: "div",
    cls: "Overlay"
    , true);
    ts.view.dom.ts = ts;

    of the _insertTimespan function.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>