将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"/>



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