👨🏿 🗂️ 😯 YiiはCHtmlを拡張してテキストフィールドを操作します 🎿 👩🏻‍⚕️ 🚪

みなさんこんにちは。私は現在Yiiで別のプロジェクトを書いていますが、いくつかの開発を共有したいと思います。この記事では、 CHtml 、 CActiveFormクラスの継承を使用して、フレームワークの機能を拡張する方法を説明します。ここには複雑で革新的なものは何もありません。これを共有したいと思います。私のタスクは2つの要素を作成することでした：

クリックすると入力に変わるテキスト
特定の幅を持つブロック。必要なすべてのテキストに収まらない場合がありますが、ホバーするとヒントが表示されます

以下は、次のコード（habracatの後のコード）の結果の例です。

<?php $form = $this -> beginWidget ( 'MActiveForm' , array ( 'id' => 'personal-form' , 'enableAjaxValidation' => false , ) ) ; ?> <?php echo $form -> errorSummary ( $model ) ; ?> <div class="row"> <?php echo $form -> labelEx ( $model , 'gender' ) ; ?> <?php echo $form -> labelField ( $model , 'gender' ) ; ?> <?php echo $form -> error ( $model , 'gender' ) ; ?> </div> <div class="row"> <?php echo $form -> labelEx ( $model , 'firstname' ) ; ?> <?php echo $form -> labelField ( $model , 'firstname' ) ; ?> <?php echo $form -> error ( $model , 'firstname' ) ; ?> </div> <div class="row"> <?php echo $form -> labelEx ( $model , 'secondname' ) ; ?> <?php echo $form -> labelField ( $model , 'secondname' ) ; ?> <?php echo $form -> error ( $model , 'secondname' ) ; ?> </div> <div class="row"> <?php echo $form -> labelEx ( $model , 'lastname' ) ; ?> <?php echo $form -> labelField ( $model , 'lastname' ) ; ?> <?php echo $form -> error ( $model , 'lastname' ) ; ?> </div> <? $this -> endWidget ( ) ; ?>

最初のフォームを書いたとき、yiiでは標準のCActiveFormウィジェットを使用しているので、引き続き使用するのがいいと思いました。最後に、この方法でフォームフィールドを表示できるようになりました（MActiveFormウィジェットのみ）。

<?php echo $form->labelField($model,'secondname'); ?>

実際、CActiveFormはCHtmlクラスのactiveTextField型のメソッドの単なるミラーであるため、 CHtmlクラスを拡張する必要がありました。

そしてそれにactiveLabelField関数を追加します（カスタムlabelFieldコントロールを呼び出しましょう）

<?php class MHtml extends CHtml { static $msPublished = false ; // css js protected static function registerMHtmlAsset ( ) { if ( ! MHtml :: $msPublished ) { $path = Yii :: app ( ) -> getAssetManager ( ) -> publish ( Yii :: getPathOfAlias ( 'application.components.assets.mhtml' ) , false , - 1 , true ) ; // false, - asset ( ) Yii :: app ( ) -> getClientScript ( ) -> registerScriptFile ( $path . '/mhtml.js' , CClientScript :: POS_END ) ; Yii :: app ( ) -> getClientScript ( ) -> registerCssFile ( $path . '/mhtml.css' ) ; MHtml :: $msPublished = true ; } } public static function addClass ( $class , $htmlOptions = array ( ) ) { if ( isset ( $htmlOptions [ "class" ] ) ) $htmlOptions [ "class" ] .= " " . $class ; else $htmlOptions [ "class" ] = $class ; return $htmlOptions ; } public static function labelField ( $name , $value = '' , $htmlOptions = array ( ) ) { MHtml :: registerMHtmlAsset ( ) ; return MHtml :: textField ( $name , $value , MHtml :: addClass ( "labelInput" , $htmlOptions ) ) ; } public static function activeLabelField ( $model , $attribute , $htmlOptions = array ( ) ) { MHtml :: registerMHtmlAsset ( ) ; self :: resolveNameID ( $model , $attribute , $htmlOptions ) ; self :: clientChange ( 'change' , $htmlOptions ) ; return self :: activeInputField ( 'text' , $model , $attribute , MHtml :: addClass ( "labelInput" , $htmlOptions ) ) ; } public static function textHint ( $text , $htmlOptions = array ( ) ) { MHtml :: registerMHtmlAsset ( ) ; return MHtml :: tag ( 'div' , MHtml :: addClass ( "textHint_mh" , $htmlOptions ) , $text ) ; } } ?>

<?php <br/> 
      

        
        
        
      

     <br/> 
      

        
        
        
      

     class MHtml extends CHtml<br/> 
      

        
        
        
      

     { <br/> 
      

        
        
        
      

     static $msPublished = false ; //     css  js <br/> 
      

        
        
        
      

     <br/> 
      

        
        
        
      

     protected static function registerMHtmlAsset ( ) <br/> 
      

        
        
        
      

     { <br/> 
      

        
        
        
      

     if ( ! MHtml :: $msPublished ) <br/> 
      

        
        
        
      

     { <br/> 
      

        
        
        
      

     $path = Yii :: app ( ) -> getAssetManager ( ) -> publish ( Yii :: getPathOfAlias ( 'application.components.assets.mhtml' ) , false , - 1 , true ) ; //      false,   -          asset (   ) <br/> 
      

        
        
        
      

     Yii :: app ( ) -> getClientScript ( ) -> registerScriptFile ( $path . '/mhtml.js' , CClientScript :: POS_END ) ; <br/> 
      

        
        
        
      

     Yii :: app ( ) -> getClientScript ( ) -> registerCssFile ( $path . '/mhtml.css' ) ; <br/> 
      

        
        
        
      

     MHtml :: $msPublished = true ; <br/> 
      

        
        
        
      

     } <br/> 
      

        
        
        
      

     } <br/> 
      

        
        
        
      

     public static function addClass ( $class , $htmlOptions = array ( ) ) <br/> 
      

        
        
        
      

     { <br/> 
      

        
        
        
      

     if ( isset ( $htmlOptions [ "class" ] ) ) <br/> 
      

        
        
        
      

     $htmlOptions [ "class" ] .= " " . $class ; <br/> 
      

        
        
        
      

     else $htmlOptions [ "class" ] = $class ; <br/> 
      

        
        
        
      

     <br/> 
      

        
        
        
      

     return $htmlOptions ; <br/> 
      

        
        
        
      

     } <br/> 
      

        
        
        
      

     public static function labelField ( $name , $value = '' , $htmlOptions = array ( ) ) <br/> 
      

        
        
        
      

     { <br/> 
      

        
        
        
      

     MHtml :: registerMHtmlAsset ( ) ; <br/> 
      

        
        
        
      

     return MHtml :: textField ( $name , $value , MHtml :: addClass ( "labelInput" , $htmlOptions ) ) ; <br/> 
      

        
        
        
      

     } <br/> 
      

        
        
        
      

     <br/> 
      

        
        
        
      

     public static function activeLabelField ( $model , $attribute , $htmlOptions = array ( ) ) <br/> 
      

        
        
        
      

     { <br/> 
      

        
        
        
      

     MHtml :: registerMHtmlAsset ( ) ; <br/> 
      

        
        
        
      

     self :: resolveNameID ( $model , $attribute , $htmlOptions ) ; <br/> 
      

        
        
        
      

     self :: clientChange ( 'change' , $htmlOptions ) ; <br/> 
      

        
        
        
      

     return self :: activeInputField ( 'text' , $model , $attribute , MHtml :: addClass ( "labelInput" , $htmlOptions ) ) ; <br/> 
      

        
        
        
      

     } <br/> 
      

        
        
        
      

     <br/> 
      

        
        
        
      

     public static function textHint ( $text , $htmlOptions = array ( ) ) <br/> 
      

        
        
        
      

     { <br/> 
      

        
        
        
      

     MHtml :: registerMHtmlAsset ( ) ; <br/> 
      

        
        
        
      

     <br/> 
      

        
        
        
      

     return MHtml :: tag ( 'div' , MHtml :: addClass ( "textHint_mh" , $htmlOptions ) , $text ) ; <br/> 
      

        
        
        
      

     } <br/> 
      

        
        
        
      

     } <br/> 
      

        
        
        
      

     ?>

少し説明します。ツールチップを使用してテキストを作成するには、textHint_mhクラスを使用してdivを作成するだけです。

クリックするとテキストフィールドに変わるテキストを作成するには、labelInputクラスを使用して入力フィールドを作成します。これは、javascriptコードを読み込んだ後に非表示になり、代わりにtextHint_mhクラスを含むdivが表示されます。

ここにそのような紛らわしいナンセンスがあります。次に、CActiveFormクラスを拡張する必要があります。

<?php class MActiveForm extends CActiveForm { public function labelField ( $model , $attribute , $htmlOptions = array ( ) ) { return MHtml :: activeLabelField ( $model , $attribute , $htmlOptions ) ; } }

<?php <br/> 
      

        
        
        
      

     <br/> 
      

        
        
        
      

     class MActiveForm extends CActiveForm<br/> 
      

        
        
        
      

     { <br/> 
      

        
        
        
      

     public function labelField ( $model , $attribute , $htmlOptions = array ( ) ) <br/> 
      

        
        
        
      

     { <br/> 
      

        
        
        
      

     return MHtml :: activeLabelField ( $model , $attribute , $htmlOptions ) ; <br/> 
      

        
        
        
      

     } <br/> 
      

        
        
        
      

     }

数行。そして、jsとcssが登場します。すべてが機能し、すべてがシンプルです。誰かが役に立つといいな

ソースコードはこちら

YiiはCHtmlを拡張してテキストフィールドを操作します

More articles: