Magento Adminhtml Form

开发Magento后台的时候经常用到表单(Varien_Data_Form)，下面是所有表单元素的添加方法：

非必填 注释掉

Java代码  

1. 'class'     => 'required-entry',  
2. 'required'  => true,  

1.input type='text'

Java代码  

1. $fieldset->addField('title', 'text', array(  
2.     'label'     => 'Title3',  
3.     'class'     => 'required-entry',  
4.     'required'  => true,  
5.     'name'      => 'title',  
6.     'onclick' => 'alert("on click");',  
7.     'onchange' => 'alert("on change");',  
8.     'style'   => 'border:10px',  
9.     'value'  => 'hello !!',  
10.     'disabled' => false,  
11.     'readonly' => true,  
12.     'after_element_html' => 'Comments',  
13.     'tabindex' => 1  
14. ));  

 2.Time时间类型

Java代码  

1. $fieldset->addField('time', 'time', array(  
2.     'label'     => 'Time',  
3.     'class'     => 'required-entry',  
4.     'required'  => true,  
5.     'name'      => 'title',  
6.     'onclick' => '',  
7.     'onchange' => '',  
8.     'value'  => '12,04,15',  
9.     'disabled' => false,  
10.     'readonly' => false,  
11.     'after_element_html' => '<script src="js/extjs/ext-tree.js" type="text/javascript">',  
12.     'tabindex' => 1  
13. ));  

3.textarea

Java代码  

1. $fieldset->addField('textarea', 'textarea', array(  
2.     'label'     => 'TextArea',  
3.     'class'     => 'required-entry',  
4.     'required'  => true,  
5.     'name'      => 'title',  
6.     'onclick' => '',  
7.     'onchange' => '',  
8.     'value'  => '<b><b/>',  
9.     'disabled' => false,  
10.     'readonly' => false,  
11.     'after_element_html' => '<small>Comments</small>',  
12.     'tabindex' => 1  
13. ));  

4.input type='submit'

Java代码  

1. $fieldset->addField('submit', 'submit', array(  
2.     'label'     => 'Submit',  
3.     'required'  => true,  
4.     'value'  => 'Submit',  
5.     'after_element_html' => '',    
6.     'tabindex' => 1  
7. ));  

5.select option

Java代码  

1. $fieldset->addField('select', 'select', array(  
2.     'label' => '页面样式',  
3.     'class' => 'required-entry',  
4.     'required' => true,  
5.     'name' => 'skin',  
6.     'onclick' => '',  
7.     'onchange' => '',  
8.     'value' => '1',  
9.     'values' => array('-1' => '请选择', '1' => '红', '2' => '蓝'),  
10.     'disabled' => false,  
11.     'readonly' => false,  
12.     'after_element_html' => '',  
13.     'tabindex' => 1  
14. ));  

 6.带optgroup的select

Java代码  

1. $fieldset->addField('select2', 'select', array(  
2.     'label' => 'Select Type2',  
3.     'class' => 'required-entry',  
4.     'required' => true,  
5.     'name' => 'title',  
6.     'onclick' => '',  
7.     'onchange' => '',  
8.     'value' => '4',  
9.     'values' => array(  
10.         '-1' => 'Please Select..',  
11.         '1' => array(  
12.             'value' => array(array('value' => '2', 'label' => 'Option2'), array  
13.             ('value' => '3', 'label' => 'Option3')),  
14.             'label' => 'Size'  
15.         ),  
16.         '2' => array(  
17.             'value' => array(array('value' => '4', 'label' => 'Option4'), array  
18.             ('value' => '5', 'label' => 'Option5')),  
19.             'label' => 'Color'  
20.         ),  
21.     ),  
22.     'disabled' => false,  
23.     'readonly' => false,  
24.     'after_element_html' => '',  
25.     'tabindex' => 1  
26. ));  

 7.单选框input type='radio'

Java代码  

1. $fieldset->addField('radio', 'radio', array(  
2.     'label' => 'Radio',  
3.     'name' => 'title',  
4.     'onclick' => '',  
5.     'onchange' => '',  
6.     'value' => '1',  
7.     'disabled' => false,  
8.     'readonly' => false,  
9.     'after_element_html' => '',  
10.     'tabindex' => 1  
11. ));  
12. $fieldset->addField('radio2', 'radios', array(  
13.     'label' => 'Radios',  
14.     'name' => 'title',  
15.     'onclick' => '',  
16.     'onchange' => '',  
17.     'value' => '2',  
18.     'values' => array(  
19.         array('value' => '1', 'label' => 'Radio1'),  
20.         array('value' => '2', 'label' => 'Radio2'),  
21.         array('value' => '3', 'label' => 'Radio3'),  
22.     ),  
23.     'disabled' => false,  
24.     'readonly' => false,  
25.     'after_element_html' => '',  
26.     'tabindex' => 1  
27. ));  

8.Password元素 input type='password

Java代码  

1. $fieldset->addField('password', 'password', array(  
2.     'label' => Mage::helper('form')->__('Password'),  
3.     'class' => 'required-entry',  
4.     'required' => true,  
5.     'name' => 'title',  
6.     'onclick' => '',  
7.     'onchange' => '',  
8.     'style' => '',  
9.     'value' => 'hello !!',  
10.     'disabled' => false,  
11.     'readonly' => false,  
12.     'after_element_html' => '',  
13.     'tabindex' => 1  
14. ));  
15.   
16. $fieldset->addField('obscure', 'obscure', array(  
17.     'label' => Mage::helper('form')->__('Obscure'),  
18.     'class' => 'required-entry',  
19.     'required' => true,  
20.     'name' => 'obscure',  
21.     'onclick' => '',  
22.     'onchange' => '',  
23.     'style' => '',  
24.     'value' => '123456789',  
25.     'after_element_html' => '',  
26.     'tabindex' => 1  
27. ));  

9.Note

Java代码  

1. $fieldset->addField('note', 'note', array(  
2.     'text'     => Mage::helper('form')->__('Text Text'),  
3. ));  

 10.Multiselect复选框

Java代码  

1. $fieldset->addField('multiselect2', 'multiselect', array(  
2.     'label' => Mage::helper('form')->__('Select Type2'),  
3.     'class' => 'required-entry',  
4.     'required' => true,  
5.     'name' => 'title',  
6.     'onclick' => 'return false;',  
7.     'onchange' => 'return false;',  
8.     'value' => '4',  
9.     'values' => array(  
10.         '-1' => array('label' => 'Please Select..', 'value' => '-1'),  
11.         '1' => array(  
12.             'value' => array(array('value' => '2', 'label' => 'Option2'), array  
13.             ('value' => '3', 'label' => 'Option3')),  
14.             'label' => 'Size'  
15.         ),  
16.         '2' => array(  
17.             'value' => array(array('value' => '4', 'label' => 'Option4'), array  
18.             ('value' => '5', 'label' => 'Option5')),  
19.             'label' => 'Color'  
20.         ),  
21.     ),  
22.     'disabled' => false,  
23.     'readonly' => false,  
24.     'after_element_html' => ' ',  
25.     'tabindex' => 1  
26. ));  

11.Multiline

Java代码  

1. $fieldset->addField('multiline', 'multiline', array(  
2.     'label' => Mage::helper('form')->__('Multi Line'),  
3.     'class' => 'required-entry',  
4.     'required' => true,  
5.     'name' => 'title',  
6.     'onclick' => '',  
7.     'onchange' => '',  
8.     'style' => 'border:10px',  
9.     'value' => 'hello !!',  
10.     'disabled' => false,  
11.     'readonly' => true,  
12.     'after_element_html' => '',  
13.     'tabindex' => 1  
14. ));  

12.Link 链接

Java代码  

1. $fieldset->addField('link', 'link', array(  
2.     'label'     => Mage::helper('form')->__('Link'),  
3.     'style'   => '',  
4.     'href' => 'www.excellencemagentoblog.com',  
5.     'value'  => 'Magento Blog',  
6.     'after_element_html' => ''  
7. ));  

13.普通Label

Java代码  

1. $fieldset->addField('label', 'label', array(  
2.     'value' => Mage::helper('form')->__('Label Text'),  
3. ));  

14.Image Upload图片上传

Java代码  

1. $fieldset->addField('image', 'image', array(  
2.     'value' => 'http://www.test.com//images/logo.png',  
3. ));  

15.File Upload文件上传

Java代码  

1. $fieldset->addField('file', 'file', array(  
2.     'label'     => Mage::helper('form')->__('Upload'),  
3.     'value'  => 'Uplaod',  
4.     'disabled' => false,  
5.     'readonly' => true,  
6.     'after_element_html' => '',    
7.     'tabindex' => 1  
8. ));  

16.日期Date

Java代码  

1. $fieldset->addField('date_expires', 'date', array(  
2.     'name'   => 'date_expires',  
3.     'label'  => '过期时间',  
4.     'title'  => '过期时间',  
5.     'image'  => $this->getSkinUrl('images/grid-cal.gif'),  
6.     'input_format' => Varien_Date::DATE_INTERNAL_FORMAT,  
7.     'format'       => Mage::app()->getLocale()->getDateFormat(Mage_Core_Model_Locale::FORMAT_TYPE_MEDIUM)  
8. ));  

17.Checkbox

Java代码  

1. $fieldset->addField('checkbox', 'checkbox', array(  
2.     'label' => Mage::helper('form')->__('Checkbox'),  
3.     'name' => 'Checkbox',  
4.     'checked' => false,  
5.     'onclick' => '',  
6.     'onchange' => '',  
7.     'value' => '1',  
8.     'disabled' => false,  
9.     'after_element_html' => '',  
10.     'tabindex' => 1  
11. ));  
12. $fieldset->addField('checkboxes', 'checkboxes', array(  
13.     'label' => Mage::helper('form')->__('Checkboxs'),  
14.     'name' => 'Checkbox',  
15.     'values' => array(  
16.         array('value' => '1', 'label' => 'Checkbox1'),  
17.         array('value' => '2', 'label' => 'Checkbox2'),  
18.         array('value' => '3', 'label' => 'Checkbox3'),  
19.     ),  
20.     'onclick' => '',  
21.     'onchange' => '',  
22.     'value' => '1',  
23.     'disabled' => false,  
24.     'after_element_html' => '',  
25.     'tabindex' => 1  
26. ));  

 添加文本编辑器   js部分

Java代码  

1. protected function _prepareLayout() {  
2.     parent::_prepareLayout();  
3.     if (Mage::getSingleton('cms/wysiwyg_config')->isEnabled()) {  
4.         $this->getLayout()->getBlock('head')->setCanLoadTinyMce(true);  
5.     }  
6. }  

 Form

Java代码  

1. $fieldset->addField('content', 'editor', array(  
2.     'name'      => 'content',  
3.     'label'     => 'Content',  
4.     'title'     => 'Content',  
5.     'style'     => 'height:15em',  
6.     'config'    => Mage::getSingleton('cms/wysiwyg_config')->getConfig(),  
7.     'wysiwyg'   => true,  
8.     'required'  => false,  
9. ));