ext

ext 6.7

app.js , index.html基本上不用动，先不看是什么意思，先把demo的搞懂

application.js好像也不用都动，里面写着

Ext.define('myApp.Application', {
	extend: 'Ext.app.Application',
	name: 'myApp',
  //应该是从这里跳到主界面的
	requires: ['myApp.*'],
  ...
  }

VeiwPort 代表整个浏览器显示区域，该对象渲染到页面的body 区域，并会随着浏览器显示区域的大小自动改变，一个页面中只能有一个ViewPort 实例。Viewport 不需要再指定renderTo，而我们也看到Viewport 确实填充了整个浏览器显示区域，并会随着浏览器显示区域大小的改变而改改。Viewport 主要用于应用程序的主界面，可以通过使用不同的布局来搭建出不同风格的应用程序主界面。在Viewport 上常用的布局有fit、border 等，当然在需要的时候其它布局也会常用。
所以在application.js应该是应用的入口程序，里面写上了：

	launch: function () {
		this.removeSplash()
    //应该默认是加载主界面时显示的是名字为MainView的那个组件
		var whichView = 'mainview'
		Ext.Viewport.add([{xtype: whichView}])
	},

永远忘不了：

Ext.define('giveuped.view.main.MyGrid',{
    extend: 'Ext.grid.Grid'
    });

记好你的ui版本，然后去这个页面：
Ext.grid.cell.Date | Ext JS 6.7.0
去找，选择对应的theme版本即可