Order Entry Example

[griffiti93]

Here's a screenshot of an Order Entry screen I'm working on for a project. I will soon put a live copy with sample data on the server. This interface leverages Jack's wonderful Grid and Tab widgets. It also uses DomHelper for various renderings. I'm also proud to say it's 100% CSS. Look ma, no tables!

Hey everyone! I thought I would update this very old post with working URLs. This first screen shot was my first revision using the BasicDialog and Grid components from Jack's Blog prior to the official Ext 1.0 release.

http://64.79.209.52/images/workorder.png


This next screen shot is the result of many late nights after I upgraded it to use the official Ext 1.0 release. Lots of enhancements were added, etc.

http://64.79.209.52/images/order.png

[jack.slocum]

That looks very sharp!

[genius551v]

hi, thats looks graet, so clean, so order, so rigth, great.

when you share the code or css?

tnks

[griffiti93]

I thought I would share an updated screenshot of this dialog. It has recently been updated to the new Ext 1.0 codebase! :D

http://www.objectworx.com/images/extexamples/order_form2.png

[skyey]

wow, my god!

it look sharp! can you share you code for newbie??

[heidtmare]

u should find a way to kill the extra whitespace around your grids.

[moktc]

Can you share your experience on how much time it takes to produce this screen plus the amount of backend work (eg PHP, Java Servlets)? We are a Java shop looking at doing JSF. But this framework means we may not need to write JSF but could instead use DWR or servlet talking to Ext front end. Did you use an IDE to help with syntax checking and debugging?

[kubens]

Of course your effort depends on your requirements, but if you are interested in a good php framework then I would suggest Symfony. This is a very well documented framework which has a great community. One feature of this framework is that you can use some generators to create a working skeleton of your application. Actually I am working on such a generator, which combines both Symfony and Ext. Unfortunatelly I am not a really expert of Symfony and I am an absolute novice with Ext, nevertheless you can see some screens (at the bottom is an attached image). But please keep in mind it is far away from a final version, but everything seems to be possible and of course this depends on you too :D

Symfony: http://www.symfony-project.com
Screens: http://www.symfony-project.com/forum/index.php/t/5650/

Br
Wolfgang

[raulbuta]

Hello griffiti93
Good job!
Can you share the code?

[Draven]

Of course your effort depends on your requirements, but if you are interested in a good php framework then I would suggest Symfony. This is a very well documented framework which has a great community. One feature of this framework is that you can use some generators to create a working skeleton of your application. Actually I am working on such a generator, which combines both Symfony and Ext. Unfortunatelly I am not a really expert of Symfony and I am an absolute novice with Ext, nevertheless you can see some screens (at the bottom is an attached image). But please keep in mind it is far away from a final version, but everything seems to be possible and of course this depends on you too :D

Symfony: http://www.symfony-project.com
Screens: http://www.symfony-project.com/forum/index.php/t/5650/

Br
Wolfgang

A fellow symfonian, I'm Draven from the symfony boards ;) And indeed it is a brilliant framework, I use it with Ext as well. If you need any help getting symfony and Ext working let me know.

[griffiti93]

jacksloc:
Thanks. You know my feelings about Ext ... no comparison! :)

genius551v:
Thanks for the comment. As far as sharing the code, I will definately consider it. My existing work is for a contract, so I may have to refactor and strip down a little.

skyey:
Thanks!

heidtmare:
Good suggestion. I think I set either a 5 or 10 pixel trim, but never thought about 0px. I will update the CSS and post a visual, even if I don't keep it for the current project. I'm curious how it will look.

moktc:
I started my AJAX journey in 2000 using IE's early XMLHttp object. Watching this industry slowly build to the huge momentum it has now, my needs have chnaged. For example, back in 2000 my code was cluttered with alert() lines for cheesy debugging. Back then I used Homesite exclusively, back before they were bought out. Today I use a mixture of tools.

For any .NET projects, I obviously use VisualStudio.NET for server components. The 2 projects I'm currently working on use PHP server code and I use Zend Studio. It provides me with the necessary debugging features needed. I am watching the collaboration between Zend and the Eclipse Foundation. Once that plugin is ready (is it anyone?), I will possibly move to that.

For AJAX development, I have started using Aptana. It still lacks certain features I want, such as class context assistance for inherited files, especially using YUI and/or Ext. Plus the debugging is still a bit lacking. But overall, Aptana is very promising. For my AJAX debugging, I use Firebug 1.0 and love it! And it supports all the inheritance you can throw at it! :)

Architecturally, my choices depend on the project and situation. For public APIs, you can't go wrong with RESTful URIs. Still yet, providing external developers with RPC style calls are nice too. For internal object development...wow!? There are so many ways to go. RESTful or RPC service call approach? Component model approach using DWR or SAJAX? It just depends. There are pros and cons for both approaches. There is such a warm and fuzzy feeling calling a Javascript object method that actually gets remoted behind the scenes with things such as DWR and SAJAX. This makes the tiers somewhat transparent. It might also promote a bit more rapid environment. However, this approach is not without cons, such as separation of concerns - http://en.wikipedia.org/wiki/Separation_of_concerns. See this article - http://www-128.ibm.com/developerworks/java/library/j-ajax3/#N10400 - for a better explanation. Going with a services approach definitely keeps the client tier independent of any server code. It simply makes HTTP requests for data (either XML, JSON, or plain text). For the project I'm currently on (screenshot from above), I took an RPC service approach. So far it has worked well for my needs.

One thing I'm real big on architecturally is staying away from server generated AJAX components. I don't want to start a big debate here; realize this is simply my opinion. There are excellent server side AJAX frameworks available, but I steer clear of them. I guess I'm a purist at heart. :) I love how Jack defines all UI interfaces with CSS where possible, and UI logic with Javascript.

raulbuta:
Like I mentioned to genius551v, I will consider releasing something, perhaps even a walkthrough tutorial at some point.

[griffiti93]

Something I forgot to mention. For the past year and a half I have worked on 2 large scale PHP applications. These projects were not full RIAs, but sprinkled with AJAX here and there. I implemented an MVC architecture for these projects. The framework I implemented was ZNF - http://znf.zeronotice.com/ - but it appears the site is down. Here the SourceForge link - http://sourceforge.net/projects/znf. One of these projects was Christian.TV - http://www.christian.tv/, a high traffic media site. Their site gets about 1.8 million hits per month according to Urchin. ZNF has held up well so far. I developed a scheduling admin for this project using YUI's drag 'n drop libraries. That was my first experience with YUI, even before I found Mr. Slocum's blog.

I like ZNF because it is modeled after Apache Struts, which was familiar to me. ZNF supports several cool features, such as custom front controllers, themes, and translations for international support. Having followed the development of the Zend Framework, I would definitely consider it for my next project. I will have to check out Symfony as well.

[JasonMichael]

Wow, looks like that took awhile to setup. Real nice. I've setup code that probably does 1/3 of what that screen does, changing it from version to version, and I tell ya.... took me many moons to get it all working right.

[loukili]

--------------------------------------------------------------------------------

Hi guys,

Lilya - Jsf Widgets with Ajax Capabilities based on ExtJs and JsGraphics is now available (lilya 1.0-beta-1).

Demo, documentation and downloads at Lilya Home Page (http://qlogic.ma/lilya)

We need your comments !

I hope that this work helps interested.

[xyun]

=D>=D>=D>=D>=D>

[JorisA]

Demo, documentation and downloads at Lilya Home Page (http://qlogic.ma/lilya)


Url doenst work.

[griffiti93]

I've updated the image links - finally!

[boovoon]

any possibility to have a sample of the code?

thanks in advance

[nintondo]

Hi real neat work you have there =)


Want to ask you about the bottom tab panel how did you do the layout for the file information to allow the small gap between the two data grids?