五
16
2009
Extjs DateField在firefox下显示过长的问题
在页面中加入如下CSS代码即可：
View Code CSS
1 2 3 4 | .x-date-middle { padding-top:2px;padding-bottom:2px; width:130px; /* FF3 */ } |
五
8
2009
Ext xtype罗列
Ext2.0对框架进行了非常大的重构，其中最重要的就是形成了一个结构及层次分明的组件体系，由这些组件形成了Ext的控件，Ext组件是由 Component类定义，每一种组件都有一个指定的xtype属性值，通过该值可以得到一个组件的类型或者是定义一个指定类型的组件。
组件大致可以分成三大类，即基本组件、工具栏组件、表单及元素组件。
基本组件有：
xtype Class
————- ——————
box Ext.BoxComponent 具有边框属性的组件
button Ext.Button 按钮
colorpalette Ext.ColorPalette 调色板
component Ext.Component 组件
container Ext.Container 容器
cycle Ext.CycleButton
dataview Ext.DataView 数据显示视图
datepicker Ext.DatePicker 日期选择面板
editor Ext.Editor 编辑器
editorgrid Ext.grid.EditorGridPanel 可编辑的表格
grid Ext.grid.GridPanel 表格
paging Ext.PagingToolbar 工具栏中的间隔
panel Ext.Panel 面板
progress Ext.ProgressBar 进度条
splitbutton Ext.SplitButton 可分裂的按钮
tabpanel Ext.TabPanel 选项面板
treepanel Ext.tree.TreePanel 树
viewport Ext.ViewPort 视图
window Ext.Window 窗口
工具栏组件有
—————————————
toolbar Ext.Toolbar 工具栏
tbbutton Ext.Toolbar.Button 按钮
tbfill Ext.Toolbar.Fill 文件
tbitem Ext.Toolbar.Item 工具条项目
tbseparator Ext.Toolbar.Separator 工具栏分隔符
tbspacer Ext.Toolbar.Spacer 工具栏空白
tbsplit Ext.Toolbar.SplitButton 工具栏分隔按钮
tbtext Ext.Toolbar.TextItem 工具栏文本项
表单及字段组件包含：
—————————————
form Ext.FormPanel Form面板
checkbox Ext.form.Checkbox checkbox录入框
combo Ext.form.ComboBox combo选择项
datefield Ext.form.DateField 日期选择项
field Ext.form.Field 表单字段
fieldset Ext.form.FieldSet 表单字段组
hidden Ext.form.Hidden 表单隐藏域
htmleditor Ext.form.HtmlEditor html编辑器
numberfield Ext.form.NumberField 数字编辑器
radio Ext.form.Radio 单选按钮
textarea Ext.form.TextArea 区域文本框
textfield Ext.form.TextField 表单文本框
timefield Ext.form.TimeField 时间录入项
trigger Ext.form.TriggerField 触发录入项
可用的vtype列表:
alpha,alphanum,email,url
五
8
2009
Ext TabPanel不显示
今天遇到一个奇怪的问题，TabPanel的子面板怎么样都不显示，只要一改变窗体大小就显示了。其实只要设置TabPanel的属性 layoutOnTabChange:true 就可以了。
五
5
2009
ExtJS s.gif问题
用调试ExtJS的时候，会发现浏览器总会去ExtJS官网去请求s.gif文件，具体URL是：http://extjs.com/s.gif 如果连接不上ExtJS.com网站界面就会出现显示问题。解决这个问题很简单：在执行Ext.onReady()方法之前，执行下面这行代码就可以了。
Ext.BLANK_IMAGE_URL = "extjs/resources/images/default/s.gif";
五
4
2009
ExtJs 对象不支持此属性或方法
用IE浏览器打开ExtJs项目时报得一个错误：“对象不支持此属性或方法”，“var range = el.ownerDocument.createRange();”，解决方式非常简单，给body内出现的第一个元素加上标签即可。
This is an issue in IE where the first element of the body can’t be a text node.
body标签内的第一个元素不能为文本text，否则IE浏览器会报错
五
4
2009
ajax使用小问题
研究了两天的ExtJs，在制作树形菜单的时候卡住了，发现无论如何都无法从Json文件动态加载子菜单。仔细查阅了下教程才知道，导致这个问题的原因是没有将项目部署到WEB服务器上，一直都是用浏览器从本地打开预览。
一旦涉及到ajax就需要配合服务器了，ajax是无法从本地文件系统直接取得数据的。
这个问题整整折腾了我一天，哎…
