Making button not visible in CJuiDialog - yii

Question

I have a problem with my CJuiDialog in yii. I want to set the 'delete'-Button to 'not visible',but that does not work, the button is still displayed.
Here is my code:
$this->beginWidget('zii.widgets.jui.CJuiDialog', array(
'id' => 'dlg_EventCal',
'options' => array(
'title' => Yii::t('CalModule.fullCal', 'Event detail'),
'modal' => true,
'autoOpen' => false,
'hide' => 'slide',
'show' => 'slide',
'width'=> 400,
'buttons' => array(
array(
'text' => Yii::t('CalModule.fullCal', 'OK'),
'click' => "js:function() { eventDialogOK(); }"
),
array(
'text' => Yii::t('CalModule.fullCal', 'Cancel'),
'click' => 'js:function() { $(this).dialog("close"); }',
),
array(
'text' => Yii::t('CalModule.fullCal', 'Delete'),
'click' => 'js:function() { eventDialogDelete(); }',
'visible'=>Yii::app()->user->checkAccess('deleteAllEvents'),
),
))));

Answer 1

CJuiDialog only passes data to the jQuery.dialog plugin
Look at this function (from https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.dialog.js#L322):
_createButtons: function( buttons ) {
var that = this,
hasButtons = false;
// if we already have a button pane, remove it
this.uiDialogButtonPane.remove();
this.uiButtonSet.empty();
if ( typeof buttons === "object" && buttons !== null ) {
$.each( buttons, function() {
return !(hasButtons = true);
});
}
if ( hasButtons ) {
$.each( buttons, function( name, props ) {
var button, click;
props = $.isFunction( props ) ?
{ click: props, text: name } :
props;
// Default to a non-submitting button
props = $.extend( { type: "button" }, props );
// Change the context for the click callback to be the main element
click = props.click;
props.click = function() {
click.apply( that.element[0], arguments );
};
button = $( "<button></button>", props )
.appendTo( that.uiButtonSet );
if ( $.fn.button ) {
button.button();
}
});
this.uiDialog.addClass( "ui-dialog-buttons" );
this.uiDialogButtonPane.appendTo( this.uiDialog );
} else {
this.uiDialog.removeClass( "ui-dialog-buttons" );
}
}
All of your properties will be passed into props object and after that will used as properties for the button element:
button = $( "<button></button>", props )
So you need such code:
array(
'text' => Yii::t('CalModule.fullCal', 'Delete'),
'click' => 'js:function() { eventDialogDelete(); }',
'style' => Yii::app()->user->checkAccess('deleteAllEvents') ? '' : 'display: none;',
)
But in that case you need an additional check of the permissions on server-side!