Yii Framework 开发教程(14) UI 组件 MaskedTextField示例

喜欢ヅ旅行 2023-10-16 19:14 66阅读 0赞

CMaskedTextField为格式输入框，可以为文本框指定Mask限制用户可以出入的文本格式，如本例使用99.99.9999 ，可以只允许输入类似日期的文本。

修改View，添加CMaskedTextField 组件

**\[php\]** [ view plain][view plain] [copy][view plain] [print][view plain] [?][view plain]

1.  <?php $this\->widget('CMaskedTextField',array(
2.  'model'=>$model,
3.  'attribute'=>'date',
4.  'name'=>'date',
5.  'mask'=>'99.99.9999',
6.  'htmlOptions'=>array(
7.  'style'=>'width:80px;'
8.  ),
9.  ));
10. ?>

<?php $this->widget('CMaskedTextField',array(
        	'model'=>$model,
        	'attribute'=>'date',
        	'name'=>'date',
        	'mask'=>'99.99.9999',
        	'htmlOptions'=>array(
        				'style'=>'width:80px;'
        				),
        			));
        ?>

为了配合CMaskedTextField 使用，我们修改DataModel，添加一个属性date

**\[php\]** [ view plain][view plain] [copy][view plain] [print][view plain] [?][view plain]

1.  class DataModel extends CFormModel
2.  \{
3.  public $date;
4.  
5.  public function rules()
6.  \{
7.  
8.  return array(
9.  array('date', 'safe'),
10. );
11. 
12. \}
13. 
14. \}

class DataModel extends CFormModel
    {
    	public $date;
    
    	public function rules()
        {
    
            return array(
    			array('date',  'safe'),
            );
    
        }
    
    }

[![201212123005][]][201212123005 1] 本例 [下载][Link 1]

[view plain]: http://blog.csdn.net/mapdigit/article/details/8395215#
[201212123005]: http://www.imobilebbs.com/wordpress/wp-content/uploads/2012/12/201212123005.png
[201212123005 1]: http://www.imobilebbs.com/wordpress/archives/3975/attachment/201212123005
[Link 1]: http://www.imobilebbs.com/download/yii/MaskedTextFieldDemo.zip