ExtJS: Difference between revisions
Jump to navigation
Jump to search
| Line 2: | Line 2: | ||
<source lang="bash"> | <source lang="bash"> | ||
# using classic toolkit for web application | # using classic toolkit for web application | ||
# sencha -sdk /opt/sdk | # sencha -sdk /opt/sdk/ext-6.2.0 generate app -classic Web ./ui.web | ||
sencha -sdk /d/opt/sdk | sencha -sdk /d/opt/sdk/ext-6.2.0 generate app -classic Web ./ui.web | ||
sed -i 's/"theme": "theme-triton"/"theme": "theme-crisp"/g' ./ui.web/app.json | 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 development | ||
#cd ui.web;sencha app build --clean --environment production | #cd ui.web;sencha app build --clean --environment production | ||
cd ui.web;sencha app build | cd ui.web;sencha app build | ||
sencha web start | sencha web start | ||
</source> | |||
<source lang="bash"> | |||
# using modern toolkit for mobile application | # using modern toolkit for mobile application | ||
# sencha -sdk /opt/sdk | # sencha -sdk /opt/sdk/ext-6.2.0 generate app -modern Mob ./ui.mob | ||
sencha -sdk /d/opt/sdk | sencha -sdk /d/opt/sdk/ext-6.2.0 generate app -modern Mob ./ui.mob | ||
sed -i 's/"theme": "theme-triton"/"theme": "theme-ios"/g' ./ui.mob/app.json | 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 development | ||
#cd ui.mob;sencha app build --clean --environment production | #cd ui.mob;sencha app build --clean --environment production | ||
cd ui.mob;sencha app build | cd ui.mob;sencha app build | ||
sencha web start | sencha web start | ||
</source> | |||
<source lang="bash"> | |||
sencha -sdk=/opt/sdk/ext-6.2.0 generate workspace . | |||
sencha package upgrade | |||
sencha app upgrade | |||
sencha app refresh | |||
sencha app watch | |||
</source> | </source> | ||
Revision as of 12:33, 6 January 2020
Optionally
# using classic toolkit for web application
# sencha -sdk /opt/sdk/ext-6.2.0 generate app -classic Web ./ui.web
sencha -sdk /d/opt/sdk/ext-6.2.0 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 web start
# using modern toolkit for mobile application
# sencha -sdk /opt/sdk/ext-6.2.0 generate app -modern Mob ./ui.mob
sencha -sdk /d/opt/sdk/ext-6.2.0 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 web start
sencha -sdk=/opt/sdk/ext-6.2.0 generate workspace .
sencha package upgrade
sencha app upgrade
sencha app refresh
sencha app watch
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 : 8,922~ 8,991
KitchenSink/VTypes : 37,500~ 37,531
Ext/pivot : 142,902~149,705
Ext/d3 : 172,125~176,035
Ext/calender : 176,036~182,218
Ext/d3 : 182,219~182,588
KitchenSink : 182,589~243,760
Ext.example : 243,761~243,787
Cookies : 243,788~243,827
prettyPrint : 243,828~245,738
Component
|
|