TbHtml::ajaxButton PHP Method

ajaxButton() public static method

Generates a push button that can initiate AJAX requests.
public static ajaxButton ( string $label, mixed $url, array $ajaxOptions = [], array $htmlOptions = [] ) : string
$label string the button label.
$url mixed the URL for the AJAX request.
$ajaxOptions array AJAX options.
$htmlOptions array additional HTML attributes.
return string the generated button.
    public static function ajaxButton($label, $url, $ajaxOptions = array(), $htmlOptions = array())
    {
        $ajaxOptions['url'] = $url;
        $htmlOptions['ajaxOptions'] = $ajaxOptions;
        return self::btn(self::BUTTON_TYPE_AJAXBUTTON, $label, $htmlOptions);
    }

Usage Example

Example #1
0
File: guardar.php Project: cicb/tpc
    $this->renderPartial('_zona', array('model' => $zona, 'scenario' => 'insert'));
}
?>
			<i id="feedback-funcion" class="fa fa-3x hidden" ></i><br/><br/>
		</div>
	<?php 
echo TbHtml::ajaxButton(' Agregar una zona', $this->createUrl('distribuciones/agregarZona', array('EventoId' => $model->EventoId, 'FuncionesId' => $model->FuncionesId)), array('type' => 'POST', 'success' => "function(resp){\n\t\t\t\$('#area-zonas').append(resp)\n\t\t}", 'complete' => 'function(){ $("#feedback-funcion").toggleClass("fa-spinner fa-spin","hidden"); }'), array('id' => 'btn-agregar-zona', 'class' => 'btn btn-success fa fa-2x fa-plus-circle center '));
?>
<br />
<br />
<div class='row-fluid'>
	<?php 
echo TbHtml::link(' Regresar', array('evento/actualizar', 'id' => $model->EventoId), array('class' => 'btn fa fa-arrow-left'));
?>
	<?php 
echo TbHtml::ajaxButton(' Asignar esta distribución a todas las funciones', $this->createUrl('distribuciones/asignarATodas'), array('beforeSend' => 'function(){return  confirm("¿Confirma asignar esta distribución a todas las demas funciones?\\nEsto implica perder cualquier distribución previamente asignada a las demas funciones"); }', 'success' => 'function(resp){alert(resp);}', 'type' => 'POST', 'data' => array('ForoId' => $model->ForoId, 'ForoMapIntId' => $model->ForoMapIntId, 'EventoId' => $model->EventoId, 'FuncionesId' => $model->FuncionesId)), array('id' => 'btn-asignar-todas', 'class' => 'btn btn-info fa fa-th'));
?>
</div>


	</div>
</div>
<?php 
$EventoId = $model->EventoId;
$FuncionesId = $model->FuncionesId;
//$ZonasId=$zona->ZonasId;
Yii::app()->clientScript->registerScript('controles', "\nfunction cambiarValores(control){\n\t\tvar key=control.attr('name');\n\t\tvar value=control.val();\n\t\tvar data={Zonas:{ EventoId:{$EventoId}, FuncionesId:{$FuncionesId}, ZonasId:control.data('id') }};\n\t\tdata['Zonas'][key]=value;\n\t\t\$.ajax({\n\t\t\t\turl: '" . $this->createUrl('AsignarValorZona') . "',\n\t\t\t\t\t\ttype:'POST',\n\t\t\t\t\t\tdata:data,\n\t\t});\n}\n\$('.ZonasCantSubZon').live('focusout',function(){\n\t\tcambiarValores(\$(this));\n});\n\$('.ZonasCanLug').live('focusout',function(){\n\t\tcambiarValores(\$(this));\n});\n\$('.ZonasCosBol').live('focusout',function(){\n\t\tcambiarValores(\$(this));\n});\n\$('.ZonasAli').live('focusout',function(){\n\t\tcambiarValores(\$(this));\n});\n\$('.ZonasTipo').live('change',function(){\n\t\tcambiarValores(\$(this));\n});\n\n\$( '.nodo-toggle').live('click',function(){\n\tvar uid= \$(this).data('uid');\n\tvar link= \$(this);\n\tif (link.data('estado')=='inicial') {\n\t\tvar href= link.attr('href');\n\t\t\$.ajax({\n\t\t\turl:href,\n\t\t\tsuccess:function(data){ \n\t\t\t\t\$('#hijos-'+uid).append(data);\n\t\t\t\tlink.data('estado','toggle')\n\t\t\t\tlink.toggleClass('fa-minus-square');\n\t\t\t}\n\t\t});\n\t}\n\telse if (link.data('estado')=='toggle'){\n\t\tlink.toggleClass('fa-minus-square');\n\t\t\$('#rama-'+uid).toggle();\n\t}\n\treturn false;\n})\n\t\t\$('.btn-generar-arbol').live('click',function(){\n\t\t\t\tvar obj=\$(this);\n\t\t\t\tvar zid=obj.data('zid');\n\t\t\t\tvar dir=obj.attr('href');\n\t\t\t\t\$.ajax({\n\t\t\t\t\t\turl:dir,\n\t\t\t\t\t\ttype:'POST',\n\t\t\t\t\t\tdata:{Zonas:{EventoId:{$EventoId},FuncionesId:{$FuncionesId},ZonasId:zid}},\n\t\t\t\t\t\tsuccess:function(resp){ \$('#arbol-'+zid).html(resp); },\n\t\t\t\t\t\tbeforeSend:function(){ \$('#arbol-'+zid).html('<i class=\\'fa fa-spinner fa-spin\\'></i> '); }\n\t\t\t\t});\n\t\t\t\treturn false;\n\t\t});\n");
?>
<style type="text/css" media="screen">
	li.nodo{
		list-style-type:none;
All Usage Examples Of TbHtml::ajaxButton
TbHtml