robertol18
(Robertol18)
September 12, 2013, 4:57am
1
Buenas noches, soy nuevo con yii framework, estoy realizando mi primera aplicación con este framework, y utilizando también jquery mobile, necesito crear un zii.widgets.cmenu de la siguiente manera:
<ul>
<li><a href="" data-icon="search">Productos</a></li>
<li><a href="site/categorias.php" data-transition="Slide" data-icon="grid">Categorías</a></li>
<li><a href="site/favoritos.php" data-transition="Slide" data-icon="star">Favoritos</a></li>
<li><a href="site/perfil-datospersonales.php" data-transition="Slide" data-icon="home">Perfil</a></li>
</ul>
pero mi zii.widgets.cmenu:
$this->widget('zii.widgets.CMenu',array(
'items'=>array(
array('label'=>'Productos', 'url'=>array('/site/index'), ),
array('label'=>'Categorías', 'url'=>array('/site/categorias'),),
array('label'=>'Favoritos', 'url'=>array('/site/favoritos')),
array('label'=>'Perfil', 'url'=>array('/site/perfil-datospersonales')),
),
));
Está generando esto:
<ul>
<li><a href="" data-icon="search">Productos</a></li>
<li><a href="site/categorias.php">Categorías</a></li>
<li><a href="site/favoritos.php">Favoritos</a></li>
<li><a href="site/perfil-datospersonales.php">Perfil</a></li>
</ul>
Como puedo hacer para colocar
data-transition="Slide", data-icon="grid"
, dentro de la etiqueta
<a>
JFReyes
(Jose Reyes)
September 12, 2013, 9:06am
2
Bienvenido a Yii!
La manera de pasar parámetros de configuración a los elementos de menú es a través de linkOptions (para el enlace como tal) e itemOptions (para el contenedor del enlace):
$this->widget('zii.widgets.CMenu',array(
'items'=>array(
array('label'=>'Productos', 'url'=>array('/site/index'), linkOptions=>array(data-icon=>'search')),
array('label'=>'Categorías', 'url'=>array('/site/categorias'),linkOptions=>array(data-transition=>'Slide', data-icon=>'grid')),
array('label'=>'Favoritos', 'url'=>array('/site/favoritos'),linkOptions=>array(data-transition=>'Slide' data-icon=>'star')),
array('label'=>'Perfil', 'url'=>array('/site/perfil-datospersonales'),linkOptions=>array(data-transition=>'Slide' data-icon=>'home')),
),
));
No conozco mucho de jQuery Mobile así que a lo mejor debe ser:
$this->widget('zii.widgets.CMenu',array(
'items'=>array(
array('label'=>'Categorías', 'url'=>array('/site/categorias'),itemOptions=>array(data-transition=>'Slide'),linkOptions=>array(data-icon=>'grid')),
));
O algo así. Lee la documentación de CMenu "items" en la Guía. Buena suerte.
robertol18
(Robertol18)
September 14, 2013, 12:41am
3
Muchas gracias JFReyes pude resolver con tu respuesta, muy agradecido! saludos
JFReyes
(Jose Reyes)
September 14, 2013, 7:48am
4
Estoy a sus órdenes en la medida que pueda.