Weitere ähnliche Inhalte Ähnlich wie Ext Js On Rails (20) Ext Js On Rails5. Rich Internet
Applications
Wikipedia:
„Der Begriff Rich Internet Application (RIA,
deutsch: reichhaltige Internet Anwendung)
beschreibt eine Anwendung, die Internet-
Techniken benutzt und eine intuitive
Benutzeroberfläche bietet.“ 11. Rich Internet
Applications
• Anspruchsvolles UI
• Tastenkürzel 12. Rich Internet
Applications
• Anspruchsvolles UI
• Tastenkürzel
• Drag‘n‘Drop 13. Rich Internet
Applications
• Anspruchsvolles UI
• Tastenkürzel
• Drag‘n‘Drop
• Clientseitige Berechnungen 14. Rich Internet
Applications
• Anspruchsvolles UI
• Tastenkürzel
• Drag‘n‘Drop
• Clientseitige Berechnungen
• Geschwindigkeit 33. ExtJS?
• JavaScript Framework
• Cross-Browser, Cross-Platform
• GPLv3 und kommerzielle Lizenz
• Rich Internet Applications
• Adobe AIR Integration (optional) 34. ExtJS?
• JavaScript Framework
• Cross-Browser, Cross-Platform
• GPLv3 und kommerzielle Lizenz
• Rich Internet Applications
• Adobe AIR Integration (optional)
• Modularer Aufbau 49. Kommunikation
• XML
• Rails: collection.to_xml
• ExtJS: Ext.data.XMLReader
• JSON
• Rails: collection.to_json
• ExtJS: Ext.data.JSONReader 52. Datenformate
Rails via to_json ExtJS erwartet
{
quot;resultsquot;: 2,
[{
quot;rootquot;: [{
quot;titlequot;: quot;Rails scalesquot;
quot;titlequot;: quot;Rails scalesquot;
},{
},{
quot;titlequot;: quot;Ruby scalesquot;
quot;titlequot;: quot;Ruby scalesquot;
}]
}]
} 53. Datenformate
Rails via to_json ExtJS erwartet
{
quot;resultsquot;: 2,
[{
quot;rootquot;: [{
quot;titlequot;: quot;Rails scalesquot;
quot;titlequot;: quot;Rails scalesquot;
},{
},{
quot;titlequot;: quot;Ruby scalesquot;
quot;titlequot;: quot;Ruby scalesquot;
}]
}]
} 54. Datenformate
Rails via to_json ExtJS erwartet
{
quot;resultsquot;: 2,
[{
quot;rootquot;: [{
quot;titlequot;: quot;Rails scalesquot;
quot;titlequot;: quot;Rails scalesquot;
},{
},{
quot;titlequot;: quot;Ruby scalesquot;
quot;titlequot;: quot;Ruby scalesquot;
}]
}]
}
render :json => {
:root => @posts,
:results => @posts.size
}