🚳 😭 👶 Yii टेक्स्ट फ़ील्ड के साथ काम करने के लिए CHtml का विस्तार करता है 👇 🧑🏾‍🤝‍🧑🏽 😏

सभी को नमस्कार। मैं वर्तमान में Yii पर एक और परियोजना लिख रहा हूं और कुछ घटनाक्रमों को साझा करना चाहूंगा। इस लेख में, मैं यह वर्णन करना चाहूंगा कि आप CHtml , CActiveForm वर्गों की विरासत का उपयोग करके ढांचे की कार्यक्षमता को कैसे बढ़ा सकते हैं। यहां कुछ भी जटिल और नवीन नहीं है, मैं इसे साझा करना चाहूंगा। मेरा काम 2 तत्वों को बनाना था:

जब क्लिक किया गया पाठ इनपुट में बदल जाता है
एक निश्चित चौड़ाई वाला एक ब्लॉक, जो सभी आवश्यक पाठ को फिट नहीं कर सकता है, लेकिन जब आप हॉवर करते हैं, तो एक संकेत दिखाई देता है

यहाँ निम्न कोड के परिणाम का एक उदाहरण है (हैब्रैट के बाद का कोड):

<?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 वर्ग के सक्रिय प्रकार के पाठ के तरीकों के लिए सिर्फ एक दर्पण है, इसलिए मुझे CHtml वर्ग का विस्तार करना पड़ा
और इसमें सक्रिय लैबलफिल्ड फ़ंक्शन जोड़ें (चलो हमारे कस्टम लेबल को नियंत्रित करें)

<?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 बनाते हैं।

और पाठ बनाने के लिए, जिस पर क्लिक करने पर पाठ फ़ील्ड में बदल जाता है, हम एक इनपुट फ़ील्ड बनाते हैं जिसमें लेबलइनपुट क्लास होता है, जिसे लोड करने के बाद जावास्क्रिप्ट कोड छिपाया जाएगा और 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: