Kss Extjs

RIA with KSS, ExtJS, and more
Plone Conference
Washington DC 2008
Godefroid Chapelle - BubbleNet

Outline
Definitions
ExtJS
Goals
Code

Definitions – RIA
Buzzword ;-)
Rich Internet Application
like desktop application
lots of forms

Demo
Tabellio
Legislative process management system
Parlement de la communauté française
Parlement francophone bruxellois

Definitions – KSS
Javascript – Ajax library
layered approach
CSS selectors
serialized commands

Definitions – ExtJs
Javascript – Ajax library
Component-based

ExtJS – User wise
Lots of components
Usual controls
Grids
Windows

ExtJS – Developer wise
Clean JS code
Good documentation
License

ExtJS – Architecture
Highly configurable
Stylable
Event system
Data stores

Goals
Usability
Degradability
Ease of development

Usability
Form layout
blueprint.css

Definitions – blueprint.css
CSS framework
grid layout

Ease of development
Genericity
z3c.form
z3c.table

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())

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")
])

Code – Eggs
collective.extjs
kss.plugin.extjs
collective.z3ctable.extjs
collective.blueprintcss
collective.z3cform.contentproviders

collective.extjs
ExtJS packaging
Zope 3 resources

kss.plugin.extjs
KSS-ExtJS events integration
KSS actions
configuration
component

collective.z3ctable.extjs
JSON views on z3c.table

collective.blueprintcss
default blueprint CSS packaging
content provider

collective.z3cform.contentproviders
widgets as content providers

Thanks !!

http://plone.org	159
http://www.pilotsystems.net	55
http://www.slideshare.net	3
http://manage.plone.org	1
http://garcia.pilotsystems.net:8080	1
http://translate.googleusercontent.com	1

Kss Extjs

by Alex Clark on Oct 20, 2008

Accessibility

Categories

Tags

Upload Details

Usage Rights

6 Embeds 220

Statistics

Kss Extjs — Presentation Transcript