Your SlideShare is downloading. ×
Kss Extjs
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Kss Extjs

2,883
views

Published on

Published in: Technology, Travel

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,883
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
52
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Transcript

    • 1.
      • RIA with KSS, ExtJS, and more
      • Plone Conference
      • Washington DC 2008
      • Godefroid Chapelle - BubbleNet
    • 2.
      • Outline
      • Definitions
      • ExtJS
      • Goals
      • Code
    • 3.
      • Definitions – RIA
      • Buzzword ;-)
      • Rich Internet Application
      • like desktop application
      • lots of forms
    • 4.
      • Demo
        • Tabellio
        • Legislative process management system
        • Parlement de la communauté française
        • Parlement francophone bruxellois
    • 5.
      • Definitions – KSS
      • Javascript – Ajax library
      • layered approach
        • CSS selectors
        • serialized commands
    • 6.
      • Definitions – ExtJs
      • Javascript – Ajax library
      • Component-based
    • 7.
      • ExtJS – User wise
      • Lots of components
        • Usual controls
        • Grids
        • Windows
    • 8.
      • ExtJS – Developer wise
      • Clean JS code
      • Good documentation
      • License
    • 9.
      • ExtJS – Architecture
      • Highly configurable
      • Stylable
      • Event system
      • Data stores
    • 10.
      • Goals
      • Usability
      • Degradability
      • Ease of development
    • 11.
      • Usability
      • Form layout
        • blueprint.css
    • 12. Definitions – blueprint.css
      • CSS framework
      • grid layout
    • 13.
      • Ease of development
      • Genericity
        • z3c.form
        • z3c.table
    • 14. Code – Server-side action
        • html = self.form.render()
        • config = dict(
        • title=view.label, height=height,
        • modal=True, html=html)
        • json = convertToJson(config)
        • extjs = self.getCommandSet('extjs')
        • extjs.jsonData(WINDOW_OPTIONS, json)
        • extjs.openModalWindow(WINDOW_OPTIONS,
        • self.getFirstWidgetId())
    • 15. Code – Layout
        • class MeetingLocationViewForm(Form):
        • implements(IBlueprintLayoutable)
        • blueprint_layout = Layout([
        • ("span-16 append-8 last", "area"),
        • ("span-16 append-8 last", [
        • ("span-7", "public_id"),
        • ("span-7", "name")
        • ]),
        • ("span-16 append-8 last",
        • "comments")
        • ])
    • 16.
      • Code – Eggs
      • collective.extjs
      • kss.plugin.extjs
      • collective.z3ctable.extjs
      • collective.blueprintcss
      • collective.z3cform.contentproviders
    • 17.
      • collective.extjs
      • ExtJS packaging
      • Zope 3 resources
    • 18.
      • kss.plugin.extjs
      • KSS-ExtJS events integration
      • KSS actions
        • configuration
        • component
    • 19.
      • collective.z3ctable.extjs
      • JSON views on z3c.table
    • 20.
      • collective.blueprintcss
      • default blueprint CSS packaging
      • content provider
    • 21.
      • collective.z3cform.contentproviders
      • widgets as content providers
    • 22.
      • Thanks !!