Ext JS 学习&Tips

官方Docs

目前Sencha已经出到6.x版本了，但公司的项目中使用的是5.1.0。在查看doc的时候一定要注意版本问题，不然的话有可能无法实现想要的效果。
e.g. 在5.0.0版本中需要同时使用overflowX/overflowY和autoScroll来实现窗口的自动滚动，而5.1.0版本中使用了scrollable来替代。所以如果依然使用5.0.0的属性无法在5.1.0版本中起效。

属性

#

pack

pack - 只应用于box类(vbox, hbox)的layout
值包括: start, center, end
对应容器中的位置为vbox的顶部，中间和底部；hbox的左边，中间和右边

Label

labelseparator

用于textfield的名字和对话框等之间的分隔符，默认为”:”。如果需要去掉则定义labelseparator: none

其他

调整panel高度和验证效果

尽量不要定死某个组件的高度，这样即使在自己的电脑上显示正常也不能应用到其他更大或更小的屏幕。尽量让组件自己扩展，可以定义minHeight或是getBodySize - dock组件或其他组件的高度=相对高度

可以通过对浏览器进行拉伸，扩大或缩小来验证自己修改的是否正确

autoSize

对某个组件定义时设置autoSize属性，然后在其他组件中调用/创建该组件时使用getSize

服务器

持续logged out用户

遇到一个严重问题，客户登录网站服务时遇到持续被强制登出的情况，原因是因为服务器上的硬盘接近满额了。
可能的解决方式：删除log文件