You are viewing revision #15 of this wiki article.
This version may not be up to date with the latest version.
You may want to view the differences to the latest version or see the changes made in this revision.
- CHtml::link() method
- CHtml::button() method
- CHtml::textField() method
- CHtml::listData() method
- CHtml::dropDownList() method
"By Example" cookbook pages will provide coding examples for many of the commonly used classes within Yii. We will try to provide as many usage examples as possible for keep these pages as helpful as possible.
Smarthead will be pulling these from the forum when he is not finding the answers on his own. Please request examples using the comments below or ask for an example in the forum. Thanks.
Avaiable methods:
CHtml::link()
CHtml::button()
CHtml::dropDownList()
CHtml::link() method ¶
public static string link(string $text, mixed $url='#', array $htmlOptions=array ( ))
Generates a hyperlink tag.
Example 1: Linking to a controller action ¶
<?php echo CHtml::link('Link Text',array('controller/action')); ?>
HTML Output: ¶
<a href="index.php?r=controller/action">Link Text</a>
Example 2: Linking to a controller action with querystring parameters ¶
<?php echo CHtml::link('Link Text',array('controller/action',
'param1'=>'value1')); ?>
HTML Output: ¶
<a href="index.php?r=controller/action¶m1=value1">Link Text</a>
Example 3: Linking to a controller action with multiple querystring parameters ¶
<?php echo CHtml::link('Link Text',array('controller/action',
'param1'=>'value1',
'param2'=>'value2',
'param3'=>'value3')); ?>
HTML Output: ¶
<a href="index.php?r=controller/action¶m1=value1¶m2=value2¶m3=value3">Link Text</a>
Example 4: Link opening a new page ¶
<?php echo CHtml::link('Link Text',array('controller/action',
'param1'=>'value1'), array('target'=>'_blank'); ?>
HTML Output: ¶
<a target="_blank" href="index.php?r=controller/action¶m1=value1">Link Text</a>
Example 5: Linking to a controller action inside the actual controller ¶
(Suppose you are in the PostController/view and wants to link to PostController/create)
Just remove the 'controller' part from the string
<?php echo CHtml::link('Link Text',array('action')); ?>
If you are linking to an action from another controller, use the syntax of the former examples.
Example 6: Linking to a controller action from the site root ¶
(Suppose you are inside a module and wants to make the link from a controller of the root application)
In this case, add an slash "/" at the start of the string url
<?php echo CHtml::link('Link Text',array('/controller/action')); ?>
This makes more sense if you are working with modules.
Example 7: Linking to a controller action from another module ¶
Replace below the module-id with desired module id .
<?php echo CHtml::link('Link Text',array('/module-id/controller/action')); ?>
Example 8: Linking to a controller action from the same module ¶
This is useful when you want to make absolute paths avoiding to use static module names.
<?php echo CHtml::link('Link Text',array('/{$this->module->id}/controller/action')); ?>
_
_
CHtml::button() method ¶
public static string button(string $label='button', array $htmlOptions=array ( ))
Generates a button.
Example 1: Connecting a button to a controller action ¶
<?php echo CHtml::button('Button Text', array('submit' => 'controller/action')); ?>
HTML Output: ¶
<input id="yt0" type="button" value="Button Text" name="yt0"/>
<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {
jQuery('#yt0').click(function( {
jQuery.yii.submitForm(
this,
'controller/action',{}
);return false;});
});
/*]]>*/
</script>
_
_
CHtml::textField() method ¶
public static function textField($name,$value='',$htmlOptions=array())
Generates a textfield.
Example 1: Generating an empty textfield, just with a name ¶
<?php echo CHtml::textField('Text'); ?>
Example 2: Generating a textfield with name and value ¶
<?php echo CHtml::textField('Text', 'some value'); ?>
Example 3: Generating a textfield with customized id, width and maxlength ¶
<?php echo CHtml::textField('Text', 'some value',
array('id'=>'idTextField',
'width'=>100,
'maxlength'=>100); ?>
*Note: use 'cols' instead of 'width' when working with textareas
Example 4: Generating a disabled textfield ¶
<?php echo CHtml::textField('Text', 'some value',
array('disabled'=>true); ?>
_
_
CHtml::listData() method ¶
public static function listData($models,$valueField,$textField,$groupField='')
Generates data for dropDownList and listBox, using the format $key=>$value.
Example 1: Generating a list data for categories ¶
<?php
/*you can use here any find method you think
proper to return your data from db*/
$models = categories::model()->findAll();
// format models resulting using listData
$list = CHtml::listData($models,
'category_id', 'category_name');
print_r($list);
HTML Output (Example): ¶
array("1" => "Arts", "2" => "Science", "3" => "Culture");
Example 2: Generating an ordered list data for categories using findAll parameter ¶
<?php
$models = categories::model()->findAll(
array('order' => 'category_name'));
$list = CHtml::listData($models,
'category_id', 'category_name');
print_r($list);
HTML Output (Example): ¶
array("1" => "Arts", "3" => "Culture", "2" => "Science");
_
_
CHtml::dropDownList() method ¶
public static function dropDownList($name,$select,$data,$htmlOptions=array())
Generates a dropdown list.
$name: A name for the dropdownList; $select: selected item from the $data $data: an array of the type $key => $value (the possible values of you dropdownlist); $htmlOptions: another options.
Example 1: Generating a simple dropdownlist for gender ¶
<?php echo CHtml::dropDownList('listname', $select,
array('M' => 'Male', 'F' => 'Female'));
The $select parameter must contain value 'M' or 'F'.
Example 2: Generating a simple dropdownlist for gender with an 'empty' element. ¶
This example will avoid the dropdownlist to be blank when no value, outputing some proper information to the user
<?php echo CHtml::dropDownList('listname', $select,
array('M' => 'Male', 'F' => 'Female'),
array('empty' => '(Select a gender'));
Example 3: Using data from a model function. ¶
It is better to have you gender list definition inside your model definition.
At model:
public function getGenderOptions(){
return array('M' => 'Male', 'F' => 'Female');
}
At view:
<?php echo CHtml::dropDownList('listname', $select,
$model->genderOptions,
array('empty' => '(Select a gender'));
Example 4: Using data from db ¶
In order to create a dropdownList with data from db, you have to combine it with listData method that will format models from db into array of $key=>$value.
This part is equal to listData Example 2:
// retrieve the models from db
$models = categories::model()->findAll(
array('order' => 'category_name'));
// format models as $key=>$value with listData
$list = CHtml::listData($models,
'category_id', 'category_name');
Now, we generate our dropdowList from the $list variable
<?php echo CHtml::dropDownList('categories', $category,
$list,
array('empty' => '(Select a category'));
You cand find CHtml class at yii/framework/web/helpers/CHtml.php
Link with confiirmation
I think we also need to add link with confirmation, especially in delete condition
CHtml::link(t("Delete"), "#", array("submit"=>array("delete","id"=>"$model->id" ),"confirm"=>"Are you sure?"));
Want more
This is a great Wiki,
Want more something like this.
Button with confirmation
CHtml::button('Delete', array('submit' => array('user/delete','id'=>$model->usId), 'name'=>'btnDelete', 'confirm'=>'Are you sure you want to delete?', 'class'=>'btn btn-large btn-danger', 'style'=>'width:160px;' ));
That's what a call clear doc
Something as clear as that, should exist for the rest.
Maybe a "Yii By Exemple" wiki categ, where we could all contribute articles like that one ?!
CHtml::link, urlManager and Ajax url problems
Hi guys
I have this line in my urlManager:
'<controller:\w+>' =>'<controller>/admin', // if no action is included, then // use actionAdmin
However, when the user clicks on the CHtml::link to go to actionAdmin, then the above line causes CHtml::link to NOT include the action's name in the url in the browser's address bar.
This seems to cause problems when Ajax has to use the url.
So, if you get Ajax 404 and 'response failed' errors, start by making sure that your url contains both controller and action names.
(I'm not an Ajax expert, so if this sounds like nonsense, please let me know.)
links with image
can display image link instead of text link ?
RE: can display image link instead of text link ?
Yes.
Example:
<?php $image = CHtml::image(Yii::app()->baseUrl.'/images/thumb-1.jpg'); echo CHtml::link($image, Yii::app()->baseUrl.'/images/image-1.jpg'); ?>
Dropdown with selected value
how do u create a dropdown with a default selected value using CHtml::dropdownlist & ListData?
onmouseover
CHtml::link(
CHtml::encode($data->name), array('view', 'id'=>$data->idCategory), array('class'=>'linkClass','onmouseover'=>'doSomething();')
);
For Question #13460 about default item on dropdownlist
Dear,
For selected item by dafault you need to use the next option: for example item id 78 must be the default.
array('options' => array('78'=>array('selected'=>true)))
Here you have how to use it:
<?php echo $form->dropDownList($model,'estado_id',CHtml::listData(estado::model()->findAll(),'id', 'estado'),array('options' => array('78'=>array('selected'=>true)))); ?>
Regards!
Text Area Readonly
example
<?php echo CHtml::textArea('Text', $content, array('id'=>'widget', 'readonly' => true, 'style'=>'width:700px;height:340px;')); ?>
Custom Data Attributes
Does anyone knows how to add Custom Data Attributes (HTML5 data-*) to dropDownList
Country table (id, name, iso_code, calling_code)
<select name="Country[id]" id="Country_id"> <option value="">Select Country</option> <option value="1" data-ISO="USA">United States (+1)</option> <option value="1" data-ISO="GB">United Kingdom (+44)</option> </select>
echo $form->dropDownList(Country::model(), 'id', CHtml::listData(Country::model()->findAll(), 'id','fullName'), array('prompt' => 'Select Country', ); function getFullName() { return $this->country_short_name.' (+'.$this->calling_code.')'; }
Error on Example 3: Generating a textfield with customized id, width and maxlength
Example 3: Generating a textfield with customized id, width and maxlength
<?php echo CHtml::textField('Text', 'some value', array('id'=>'idTextField', 'width'=>100, 'maxlength'=>100)); ?>
missing one ')'
creating id
how can we create a id for the dropdown.
creating id
$options = array( 'class' => 'singleline', 'size' => '1', 'id' => 'myId' 'empty' => '', 'style' => 'width:300px;', ); echo $form->dropDownList($model, 'columnName', $listdata, $options); or echo $form->dropDownList($name, $defaultValue, $listdata, $options);
The $name is sent to the server.
The id (part of options) is used by jquery.
If you have any questions, please ask in the forum instead.
Signup or Login in order to comment.