ExtJS: Difference between revisions
Jump to navigation
Jump to search
| Line 74: | Line 74: | ||
</source> | </source> | ||
== | ==KitchenSink Hacks== | ||
<source lang="properties"> | <source lang="properties"> | ||
;ExtJS 6.2 GPL Example KitchenSink | |||
KitchenSink : 677~857 | KitchenSink : 677~857 | ||
MZ/pivot : 848~882 | MZ/pivot : 848~882 | ||
Revision as of 09:36, 25 November 2019
Optionally
# using classic toolkit for web application
# sencha -sdk /opt/sdk/extjs/ext-6.2.0-gpl generate app -classic Web ./ui.web
sencha -sdk /d/opt/sdk/extjs/ext-6.2.0-gpl generate app -classic Web ./ui.web
sed -i 's/"theme": "theme-triton"/"theme": "theme-crisp"/g' ./ui.web/app.json
#cd ui.web;sencha app build --clean --environment development
#cd ui.web;sencha app build --clean --environment production
cd ui.web;sencha app build
#sencha app refresh
#sencha app watch
sencha web start
# using modern toolkit for mobile application
# sencha -sdk /opt/sdk/extjs/ext-6.2.0-gpl generate app -modern Mob ./ui.mob
sencha -sdk /d/opt/sdk/extjs/ext-6.2.0-gpl generate app -modern Mob ./ui.mob
sed -i 's/"theme": "theme-triton"/"theme": "theme-ios"/g' ./ui.mob/app.json
#cd ui.mob;sencha app build --clean --environment development
#cd ui.mob;sencha app build --clean --environment production
cd ui.mob;sencha app build
#sencha app refresh
#sencha app watch
sencha web start
Simplified
# using classic toolkit for web application
sencha -sdk /d/opt/sdk/extjs/ext-6.2.0-gpl generate app -classic Web ./ui.web;\
cd ui.web;sencha app build;\
sencha web start
# using modern toolkit for mobile application
sencha -sdk /d/opt/sdk/extjs/ext-6.2.0-gpl generate app -modern Mob ./ui.mob;\
sed -i 's/"theme": "theme-triton"/"theme": "theme-ios"/g' ./ui.mob/app.json;\
cd ui.mob;sencha app build;\
sencha web start
Remote REST
Ext.define( 'CKo.store.m00.sm.M00SM00X00', {
extend: 'Ext.data.Store',
model : 'CKo.model.m00.mm.M00MM00X00',
autoLoad : false,
remoteSort : true,
remoteFilter: true,
autoSync : true,
proxy : {
type: 'rest',
api : {
create : 'https://dev.chorke.org/m/00/cm/00/x/00', //M00CM00X00
read : 'https://dev.chorke.org/m/00/cm/00/x/00', //M00CM00X00
update : 'https://dev.chorke.org/m/00/cm/00/x/00', //M00CM00X00
destroy: 'https://dev.chorke.org/m/00/cm/00/x/00' //M00CM00X00
},
actionMethods: {
create : 'POST',
read : 'GET',
update : 'PUT',
destroy: 'DELETE'
},
reader: {
type: 'json',
root: 'data',
successProperty: 'success'
},
writer: {
type: 'json',
root: 'data'
}
}
});
KitchenSink Hacks
;ExtJS 6.2 GPL Example KitchenSink
KitchenSink : 677~857
MZ/pivot : 848~882
KitchenSink/Component : 8922~8991
KitchenSink/VTypes : 37500~37531
Ext/pivot : 142902~149705
Ext/d3 : 172125~176035
Ext/calender : 176036~182218
Ext/d3 : 182219~182588
KitchenSink : 182589~243760
Ext.example : 243761~243787
Cookies : 243788~243827
prettyPrint : 243828~245738
Component
|
|