将Extjs的样式应用到普通html中

1.将普通文本框text装换为extjs的日期控件datefield样式

Ext.onReady(function(){

var mdf = new Ext.form.DateField({
applyTo : 'endDateFrom', //页面中text的id
minWidth: 150,
format: 'Y-m-d',
emptyText: '请选择开始日期 ...'
});
});
//注意若用ext对象获取日期值，那么用mdf.getRawValue()来获取例如：文本控件为<input type="text" id="endDateFrom"/>

[img]http://dl2.iteye.com/upload/attachment/0095/5584/69ef1df3-5007-31f0-aa0f-ce49afa0b6b7.png[/img]

2.Extjs的ComboBox样式应用到普通的select的下拉框中去
核心参数介绍
transform:id//用于转换样式的，TimeField作为ComboBox的子类也有此属性核心代码：

//js代码
var ExtSelect=new Ext.form.ComboBox({
transform:"select",//html中的id

width:80//宽度

triggerAction: 'all',//必须要，否则只是显示下拉列表的第一项
editable: false,//默认为true，false为禁止手写和联想功能
resizable: true//手动改变下拉框大小
});
//html代码
<select id="select">
<option value="1">***</option>
<option value="2">博客园</option>
<option value="3">百度</option>
<option value="4">新浪</option>
</select>

重置表单的时候请用：ExtSelect.reset()

转载自:http://hi.baidu.com/renliangli/item/6d8d88a53a4b1b268919d385
转载自:http://hi.baidu.com/renliangli/item/d8920095e29ff6becd80e5b1