Package | zii.widgets |
---|---|
Inheritance | class CMenu » CWidget » CBaseController » CComponent |
Since | 1.1 |
Source Code | framework/zii/widgets/CMenu.php |
$this->widget('zii.widgets.CMenu', array( 'items'=>array( // Important: you need to specify url as 'controller/action', // not just as 'controller' even if default action is used. array('label'=>'Home', 'url'=>array('site/index')), // 'Products' menu item will be selected no matter which tag parameter value is since it's not specified. array('label'=>'Products', 'url'=>array('product/index'), 'items'=>array( array('label'=>'New Arrivals', 'url'=>array('product/new', 'tag'=>'new')), array('label'=>'Most Popular', 'url'=>array('product/index', 'tag'=>'popular')), )), array('label'=>'Login', 'url'=>array('site/login'), 'visible'=>Yii::app()->user->isGuest), ), ));
Property | Type | Description | Defined By |
---|---|---|---|
actionPrefix | string | the prefix to the IDs of the actions. | CWidget |
activateItems | boolean | whether to automatically activate items according to whether their route setting matches the currently requested route. | CMenu |
activateParents | boolean | whether to activate parent menu items when one of the corresponding child menu items is active. | CMenu |
activeCssClass | string | the CSS class to be appended to the active menu item. | CMenu |
controller | CController | Returns the controller that this widget belongs to. | CWidget |
encodeLabel | boolean | whether the labels for menu items should be HTML-encoded. | CMenu |
firstItemCssClass | string | the CSS class that will be assigned to the first item in the main menu or each submenu. | CMenu |
hideEmptyItems | boolean | whether to hide empty menu items. | CMenu |
htmlOptions | array | HTML attributes for the menu's root container tag | CMenu |
id | string | Returns the ID of the widget or generates a new one if requested. | CWidget |
itemCssClass | string | the CSS class that will be assigned to every item. | CMenu |
itemTemplate | string | the template used to render an individual menu item. | CMenu |
items | array | list of menu items. | CMenu |
lastItemCssClass | string | the CSS class that will be assigned to the last item in the main menu or each submenu. | CMenu |
linkLabelWrapper | string | the HTML element name that will be used to wrap the label of all menu links. | CMenu |
linkLabelWrapperHtmlOptions | array | HTML attributes for the links' wrap element specified in linkLabelWrapper. | CMenu |
owner | CBaseController | Returns the owner/creator of this widget. | CWidget |
skin | mixed | the name of the skin to be used by this widget. | CWidget |
submenuHtmlOptions | array | HTML attributes for the submenu's container tag. | CMenu |
viewPath | string | Returns the directory containing the view files for this widget. | CWidget |
Method | Description | Defined By |
---|---|---|
__call() | Calls the named method which is not a class method. | CComponent |
__construct() | Constructor. | CWidget |
__get() | Returns a property value, an event handler list or a behavior based on its name. | CComponent |
__isset() | Checks if a property value is null. | CComponent |
__set() | Sets value of a component property. | CComponent |
__unset() | Sets a component property to be null. | CComponent |
actions() | Returns a list of actions that are used by this widget. | CWidget |
asa() | Returns the named behavior object. | CComponent |
attachBehavior() | Attaches a behavior to this component. | CComponent |
attachBehaviors() | Attaches a list of behaviors to the component. | CComponent |
attachEventHandler() | Attaches an event handler to an event. | CComponent |
beginCache() | Begins fragment caching. | CBaseController |
beginClip() | Begins recording a clip. | CBaseController |
beginContent() | Begins the rendering of content that is to be decorated by the specified view. | CBaseController |
beginWidget() | Creates a widget and executes it. | CBaseController |
canGetProperty() | Determines whether a property can be read. | CComponent |
canSetProperty() | Determines whether a property can be set. | CComponent |
createWidget() | Creates a widget and initializes it. | CBaseController |
detachBehavior() | Detaches a behavior from the component. | CComponent |
detachBehaviors() | Detaches all behaviors from the component. | CComponent |
detachEventHandler() | Detaches an existing event handler. | CComponent |
disableBehavior() | Disables an attached behavior. | CComponent |
disableBehaviors() | Disables all behaviors attached to this component. | CComponent |
enableBehavior() | Enables an attached behavior. | CComponent |
enableBehaviors() | Enables all behaviors attached to this component. | CComponent |
endCache() | Ends fragment caching. | CBaseController |
endClip() | Ends recording a clip. | CBaseController |
endContent() | Ends the rendering of content. | CBaseController |
endWidget() | Ends the execution of the named widget. | CBaseController |
evaluateExpression() | Evaluates a PHP expression or callback under the context of this component. | CComponent |
getController() | Returns the controller that this widget belongs to. | CWidget |
getEventHandlers() | Returns the list of attached event handlers for an event. | CComponent |
getId() | Returns the ID of the widget or generates a new one if requested. | CWidget |
getOwner() | Returns the owner/creator of this widget. | CWidget |
getViewFile() | Looks for the view script file according to the view name. | CWidget |
getViewPath() | Returns the directory containing the view files for this widget. | CWidget |
hasEvent() | Determines whether an event is defined. | CComponent |
hasEventHandler() | Checks whether the named event has attached handlers. | CComponent |
hasProperty() | Determines whether a property is defined. | CComponent |
init() | Initializes the menu widget. | CMenu |
raiseEvent() | Raises an event. | CComponent |
render() | Renders a view. | CWidget |
renderFile() | Renders a view file. | CBaseController |
renderInternal() | Renders a view file. | CBaseController |
run() | Calls renderMenu to render the menu. | CMenu |
setId() | Sets the ID of the widget. | CWidget |
widget() | Creates a widget and executes it. | CBaseController |
Method | Description | Defined By |
---|---|---|
isItemActive() | Checks whether a menu item is active. | CMenu |
normalizeItems() | Normalizes the items property so that the 'active' state is properly identified for every menu item. | CMenu |
renderMenu() | Renders the menu items. | CMenu |
renderMenuItem() | Renders the content of a menu item. | CMenu |
renderMenuRecursive() | Recursively renders the menu items. | CMenu |
whether to automatically activate items according to whether their route setting matches the currently requested route. Defaults to true.
whether to activate parent menu items when one of the corresponding child menu items is active. The activated parent menu items will also have its CSS classes appended with activeCssClass. Defaults to false.
the CSS class to be appended to the active menu item. Defaults to 'active'. If empty, the CSS class of menu items will not be changed.
whether the labels for menu items should be HTML-encoded. Defaults to true.
the CSS class that will be assigned to the first item in the main menu or each submenu. Defaults to null, meaning no such CSS class will be assigned.
whether to hide empty menu items. An empty menu item is one whose 'url' option is not set and which doesn't contain visible child menu items. Defaults to true.
HTML attributes for the menu's root container tag
the CSS class that will be assigned to every item. Defaults to null, meaning no such CSS class will be assigned.
the template used to render an individual menu item. In this template, the token "{menu}" will be replaced with the corresponding menu link or text. If this property is not set, each menu will be rendered without any decoration. This property will be overridden by the 'template' option set in individual menu items via {@items}.
list of menu items. Each menu item is specified as an array of name-value pairs. Possible option names include the following:
the CSS class that will be assigned to the last item in the main menu or each submenu. Defaults to null, meaning no such CSS class will be assigned.
the HTML element name that will be used to wrap the label of all menu links. For example, if this property is set as 'span', a menu item may be rendered as <li><a href="url"><span>label</span></a></li> This is useful when implementing menu items using the sliding window technique. Defaults to null, meaning no wrapper tag will be generated.
HTML attributes for the links' wrap element specified in linkLabelWrapper.
HTML attributes for the submenu's container tag.
public void init()
|
public function init()
{
if(isset($this->htmlOptions['id']))
$this->id=$this->htmlOptions['id'];
else
$this->htmlOptions['id']=$this->id;
$route=$this->getController()->getRoute();
$this->items=$this->normalizeItems($this->items,$route,$hasActiveChild);
}
Initializes the menu widget. This method mainly normalizes the items property. If this method is overridden, make sure the parent implementation is invoked.
protected boolean isItemActive(array $item, string $route)
| ||
$item | array | the menu item to be checked |
$route | string | the route of the current request |
{return} | boolean | whether the menu item is active |
protected function isItemActive($item,$route)
{
if(isset($item['url']) && is_array($item['url']) && !strcasecmp(trim($item['url'][0],'/'),$route))
{
unset($item['url']['#']);
if(count($item['url'])>1)
{
foreach(array_splice($item['url'],1) as $name=>$value)
{
if(!isset($_GET[$name]) || $_GET[$name]!=$value)
return false;
}
}
return true;
}
return false;
}
Checks whether a menu item is active. This is done by checking if the currently requested URL is generated by the 'url' option of the menu item. Note that the GET parameters not specified in the 'url' option will be ignored.
protected array normalizeItems(array $items, string $route, boolean &$active)
| ||
$items | array | the items to be normalized. |
$route | string | the route of the current request. |
$active | boolean | whether there is an active child menu item. |
{return} | array | the normalized menu items |
protected function normalizeItems($items,$route,&$active)
{
foreach($items as $i=>$item)
{
if(isset($item['visible']) && !$item['visible'])
{
unset($items[$i]);
continue;
}
if(!isset($item['label']))
$item['label']='';
$encodeLabel = isset($item['encodeLabel']) ? $item['encodeLabel'] : $this->encodeLabel;
if($encodeLabel)
$items[$i]['label']=CHtml::encode($item['label']);
$hasActiveChild=false;
if(isset($item['items']))
{
$items[$i]['items']=$this->normalizeItems($item['items'],$route,$hasActiveChild);
if(empty($items[$i]['items']) && $this->hideEmptyItems)
{
unset($items[$i]['items']);
if(!isset($item['url']))
{
unset($items[$i]);
continue;
}
}
}
if(!isset($item['active']))
{
if($this->activateParents && $hasActiveChild || $this->activateItems && $this->isItemActive($item,$route))
$active=$items[$i]['active']=true;
else
$items[$i]['active']=false;
}
elseif($item['active'])
$active=true;
}
return array_values($items);
}
Normalizes the items property so that the 'active' state is properly identified for every menu item.
protected void renderMenu(array $items)
| ||
$items | array | menu items. Each menu item will be an array with at least two elements: 'label' and 'active'. It may have three other optional elements: 'items', 'linkOptions' and 'itemOptions'. |
protected function renderMenu($items)
{
if(count($items))
{
echo CHtml::openTag('ul',$this->htmlOptions)."\n";
$this->renderMenuRecursive($items);
echo CHtml::closeTag('ul');
}
}
Renders the menu items.
protected string renderMenuItem(array $item)
| ||
$item | array | the menu item to be rendered. Please see items on what data might be in the item. |
{return} | string |
protected function renderMenuItem($item)
{
if(isset($item['url']))
{
$label=$this->linkLabelWrapper===null ? $item['label'] : CHtml::tag($this->linkLabelWrapper, $this->linkLabelWrapperHtmlOptions, $item['label']);
return CHtml::link($label,$item['url'],isset($item['linkOptions']) ? $item['linkOptions'] : array());
}
else
return CHtml::tag('span',isset($item['linkOptions']) ? $item['linkOptions'] : array(), $item['label']);
}
Renders the content of a menu item. Note that the container and the sub-menus are not rendered here.
protected void renderMenuRecursive(array $items)
| ||
$items | array | the menu items to be rendered recursively |
protected function renderMenuRecursive($items)
{
$count=0;
$n=count($items);
foreach($items as $item)
{
$count++;
$options=isset($item['itemOptions']) ? $item['itemOptions'] : array();
$class=array();
if($item['active'] && $this->activeCssClass!='')
$class[]=$this->activeCssClass;
if($count===1 && $this->firstItemCssClass!==null)
$class[]=$this->firstItemCssClass;
if($count===$n && $this->lastItemCssClass!==null)
$class[]=$this->lastItemCssClass;
if($this->itemCssClass!==null)
$class[]=$this->itemCssClass;
if($class!==array())
{
if(empty($options['class']))
$options['class']=implode(' ',$class);
else
$options['class'].=' '.implode(' ',$class);
}
echo CHtml::openTag('li', $options);
$menu=$this->renderMenuItem($item);
if(isset($this->itemTemplate) || isset($item['template']))
{
$template=isset($item['template']) ? $item['template'] : $this->itemTemplate;
echo strtr($template,array('{menu}'=>$menu));
}
else
echo $menu;
if(isset($item['items']) && count($item['items']))
{
echo "\n".CHtml::openTag('ul',isset($item['submenuOptions']) ? $item['submenuOptions'] : $this->submenuHtmlOptions)."\n";
$this->renderMenuRecursive($item['items']);
echo CHtml::closeTag('ul')."\n";
}
echo CHtml::closeTag('li')."\n";
}
}
Recursively renders the menu items.
public void run()
|
public function run()
{
$this->renderMenu($this->items);
}
Calls renderMenu to render the menu.
active items
Just to note that auto active items don't work properly unless the 'url' is in the form of an array. It must also be the complete route, so setting '/site' will not work, but 'site/index' will.
Styling applied to the LI element
When CMenu is applying styles (active, first, last, etc.), the classes are applied directly to the <LI> element and not to the links contained within.
Use CMenu to issue a post request
Using the linkOptions property of an item, we can make it do post requests!
(..) array( 'label' => 'Delete model', 'url' => '#', 'linkOptions' => array( 'submit' => array('delete', 'id' => $model->id), 'confirm' => 'Are you sure you want to delete this model?') ), ), (..)
CHtml::link
Deleting a record via menu, using CSRF
If you use CSRF on your site - you shoud modify the default menu code like this:
(...) array( 'label'=>'Delete model', 'url'=>'#', 'linkOptions'=> array( 'submit' => array('delete','id'=>$model->id), 'confirm' => 'Delete?! Really?', 'csrf' => true), ),
Signup or Login in order to comment.