PDA

View Full Version : Portal Demo



akshar_jamgaonkar
4 Oct 2012, 5:53 AM
Hi All,

Iam trying to replicate the portal demo , how ever iam trying to figure out how to implement the draggable feature.....
it would be very helpfull if someone could provide me insights into this.


Reagards,

a.premkumar
5 Oct 2012, 1:05 AM
It is very simple. I am working in similar task. All you have to do is

1. Set a base panel which would be the container of other panels.
2. Add child panels to the base.
3. Set base as droppable target.
4. Set draggable property of child to be true.

Then you can capture the drag drop events from base panel.
But when you see the Portal demo, it seems a bit hard to understand at first. They have extremely componentized for a perfect application structure. As we are just imitating it, we do not need such complex structure. Two panels are enough to replicate Portal demo.

Regards,
Premkumar. A

akshar_jamgaonkar
10 Oct 2012, 5:56 AM
Hello Premkumar,

Thanks a lot for your reply. It was very helpful.
Here is one more good article which has sample code which made it more easy to understand.


http://www.sencha.com/blog/5-steps-to-understanding-drag-and-drop-with-ext-js/


Regards,
Akshar

a.premkumar
10 Oct 2012, 6:07 AM
Thanks a lot for your reply. It was very helpful.
Here is one more good article which has sample code which made it more easy to understand.


http://www.sencha.com/blog/5-steps-t...p-with-ext-js/ (http://www.sencha.com/blog/5-steps-to-understanding-drag-and-drop-with-ext-js/)



Yeah that's what I was talking about. I'm glad that I had been some help for you. Goodluck.:)

Regards.
Premkumar