ExtJS Form

来源:互联网 发布:windows安装informix 编辑:程序博客网 时间:2024/04/29 21:28
 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
 <HEAD>
  <TITLE>ExtJS</TITLE>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
  <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
  <script type="text/javascript" src="../../ext-all.js"></script>
 
  <script type="text/javascript">    
 Ext.onReady(function(){
    new Ext.Panel({
         renderTo:Ext.getBody(),
      //renderTo:'Form',
      // title:'容器组件',
      title:'用户信息',     
      width:300,
      layout:'form',
      hideLabels:false,
      labelAlign:'right',
      height:200,
      defaultType:'textfield',
      items:[
      {fieldLabel:'请输入姓名',name:'name'},
      {fieldLabel:'请输入地址',name:'address'},
      {fieldLabel:'请输入电话',name:'tel'}
      ]}
  );
 }); 
  </script>
 </HEAD>

 <BODY>
  <!-- <div align='center' id="Form"></div> -->
 </BODY>
</HTML>

原创粉丝点击