Update Samples to EXT MVC

[LIGHTSINGER]

Hi,
All but one of the samples are structured according to the ExtJS MVC framework.
Is there any plan to update the existing samples?

[mats]

Not sure this makes sense. MVC makes sense when organizing your application code. When demoing features of a single component, MVC just makes things harder to digest imho.

[LIGHTSINGER]

Speaking from my own experience as someone who is new to ExtJs 4.x MVC and your scheduler component, it would have saved me a lot of time if I'd started with a working tree.html sample (for example) that was already MVC then having to transpose it into MVC. That is not a straight forward exercise for someone who doesn't know ExtJs's MVC framework or your component inside out.
Maybe there are a lot of people not adopting MVC in which case fair enough, but if the expectation for ExtJs 4.0 is to use MVC then the samples would be much better served to be in MVC.

Regards

[nickolay]

Well, our component is just a very advanced subclass of the Ext grid. It is not related to ExtJS MVC package in any way. Its also not our goal to teach people how to use ExtJS MVC - there are special guides for that, in ExtJS documentation. Even if you are only starting with our component, if you understand what is a ExtJS panel:

var panel = new Ext.Panel({
    title  : 'Some title',
    config  : value
})

you also understand how to use our component:

var scheduler = new Sch.panel.SchedulerTree({
    title  : 'Some title',
    config  : value
})

You just provide the required config values for the constructor.

[mats]

Also, when debugging MVC - make sure you use 'ext-all-dev.js' since it gives you way more info if you misconfigure some Ext JS class.

[mats]

One more sample has been converted to MVC now, should be part of next release!

[LIGHTSINGER]

Hi,
The MVC sample included in 2.1.10 does not display any of the bookings contained in the static data-bookings.js file.
I assume they should be visible.
I reported this as a bug but I can't wait for the next release of the scheduler.
I would really appreciate if someone could help identify what the problem is?

Thanks

[Lukappa]

Are you running the code with a local server? What is the output of console? Any errors?
If you are opening the main HTML file from your filesystem (os folder) it could be a same-origin security policy error.

[mats]

An issue with the dummy data date format. I've updated the sample and it'll be part of next release. Now it looks like:

Ext.define('DEMO.model.Booking', {
    extend: 'Sch.model.Event',
    fields: [
        { name: 'StartDate', type: 'date', dateFormat: 'time' },
        { name: 'EndDate', type: 'date', dateFormat: 'time' }
    ],

    proxy : {
        type : 'ajax',
        api: {
            read    : 'data-bookings.js',
            create  : 'TODO/Create',
            destroy : 'TODO/Update',
            update  : 'TODO/Update'
        },
        reader : {
            type : 'json',
            root: 'data'
        },
        writer : {
            type : 'json',
            encode: true,
            writeAllFields: true,
            root: 'data'
        }
    }
});

with data:

{
   "data" :[
      {
         "Id":3,
         "ResourceId":104,
         "Name":"Task C",
         "StartDate":1237071600000,
         "EndDate":1245448800000
      },
      {
         "Id":27,
         "ResourceId":113,
         "Name":"New Task",
         "StartDate":1240873200000,
         "EndDate":1245798000000
      },
      {
         "Id":30,
         "ResourceId":136,
         "Name":"New Task",
         "StartDate":1233183600000,
         "EndDate":1240524000000
      },
      {
         "Id":33,
         "ResourceId":117,
         "Name":"New Task",
         "StartDate":1244671200000,
         "EndDate":1250028000000
      },
      {
         "Id":38,
         "ResourceId":119,
         "Name":"New Task",
         "StartDate":1233183600000,
         "EndDate":1246658400000
      },
      {
         "Id":45,
         "ResourceId":113,
         "Name":"New task",
         "StartDate":1230764400000,
         "EndDate":1233442800000
      },
      {
         "Id":49,
         "ResourceId":117,
         "Name":"New task",
         "StartDate":1234047600000,
         "EndDate":1244070000000
      },
      {
         "Id":50,
         "ResourceId":127,
         "Name":"New task",
         "StartDate":1234393200000,
         "EndDate":1237676400000
      },
      {
         "Id":55,
         "ResourceId":114,
         "Name":"",
         "StartDate":1231887600000,
         "EndDate":1234134000000
      },
      {
         "Id":56,
         "ResourceId":114,
         "Name":"",
         "StartDate":1233615600000,
         "EndDate":1235602800000
      },
      {
         "Id":57,
         "ResourceId":127,
         "Name":"",
         "StartDate":1231110000000,
         "EndDate":1233961200000
      },
      {
         "Id":63,
         "ResourceId":119,
         "Name":"New task",
         "StartDate":1328569200000,
         "EndDate":1336168800000
      },
      {
         "Id":64,
         "ResourceId":120,
         "Name":"New task",
         "StartDate":1331938800000,
         "EndDate":1336345200000
      },
      {
         "Id":65,
         "ResourceId":106,
         "Name":"New task",
         "StartDate":1324422000000,
         "EndDate":1328569200000
      },
      {
         "Id":66,
         "ResourceId":124,
         "Name":"New task",
         "StartDate":1326150000000,
         "EndDate":1331938800000
      },
      {
         "Id":67,
         "ResourceId":127,
         "Name":"New task",
         "StartDate":1325372400000,
         "EndDate":1327705200000
      },
      {
         "Id":68,
         "ResourceId":116,
         "Name":"New task",
         "StartDate":1322694000000,
         "EndDate":1327874400000
      },
      {
         "Id":69,
         "ResourceId":136,
         "Name":"New task",
         "StartDate":1323817200000,
         "EndDate":1327788000000
      }
   ]
}

[LIGHTSINGER]

Hi,
Thanks for the quick response.
Works now.

Regards