closeText: "close",
$.widget( "ui.dialog", {
version: "1.12.1",
options: {
appendTo: "body",
autoOpen: true,
buttons: [],
classes: {
"ui-dialog": "ui-corner-all",
"ui-dialog-titlebar": "ui-corner-all"
},
closeOnEscape: true,
closeText: "close",
===== Dialog =====
* [[https://jqueryui.com/dialog/]]
* [[https://stackoverflow.com/questions/20741524/jquery-dialog-title-dynamically/20741589]]
$('#dialog').attr('title', 'New Title').dialog();
//OR
$("#dialog").dialog({ title: "New Dialog Title" });
This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.
Para tener un boton con disabled
// Normal:
$("#vnt_editar_tarifa").dialog({
modal: true,
title: 'EDITAR - idTarifa : '+row.id_tarifa_cliente,
height: "auto",
width:700,
buttons: {
"Grabar": function() {
$( this ).dialog( "close" );
},
"Cancelar": function() {
$( this ).dialog( "close" );
}
}
});
// Disabled:
$("#vnt_editar_tarifa").dialog({
modal: true,
title: 'EDITAR - idTarifa : '+row.id_tarifa_cliente,
height: "auto",
width:700,
buttons: [
{
text: "Grabar",
disabled: true,
id: "my-button-1"
},
{
text: "Cancelar",
id: "my-button-2",
click: function(){
$(this).dialog("close");
}
}
]
});
===== Checked =====
* [[https://stackoverflow.com/questions/871063/how-to-set-radio-option-checked-onload-with-jquery]]
$(function() {
var $radios = $('input:radio[name=gender]');
if($radios.is(':checked') === false) {
$radios.filter('[value=Male]').prop('checked', true);
}
});