JavaScript DHTML/Ext JS/TextArea

Материал из Web эксперт
Перейти к: навигация, поиск

Add textarea to window

   <source lang="html4strict">

<html> <head> <title>Hello World Window</title> <link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" /> <script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-3.0.0/ext-all.js"></script> </head> <body> <script type="text/javascript"> Ext.onReady(function() {

   var myWin =  new Ext.Window({
     height      : 220,
     width       : 230,
     bodyStyle   : "padding: 5px",
     layout      : "form",
     labelWidth  : 50,
     defaultType : "field",
     items       : [
       {
         fieldLabel : "Name",
         width      : 110
       },
       {
         xtype      : "textarea",
         fieldLabel : "Bio"
       },
       ]
   });
   
   myWin.show();

}); </script>

asdf

</body> </html>

 </source>
   
  


Create a Textarea

   <source lang="html4strict">

<html> <head> <title>Hello World Window</title> <link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" /> <script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-3.0.0/ext-all.js"></script> </head> <body> <script type="text/javascript"> Ext.onReady(function() {

   new Ext.FormPanel({ 
     url: "your.php",
     renderTo: Ext.getBody(),
     frame: true,
     title: "Title",
     width: 250,
     items: [ 
               {
           xtype: "textarea",
           name: "description",
           hideLabel: true,
           labelSeparator: "",
           height: 100,
           anchor: "100%"
         }
     ]
   });

}); </script>

asdf

</body> </html>

 </source>