Herramientas de usuario

Herramientas del sitio


informatica:lenguajes_de_programacion:javascript:bibliotecas:jqueryui

Tabla de Contenidos

Notas Jquery UI

Boton “close” cambiarlo a “x”

Linea : 11964

	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

   $('#dialog').attr('title', 'New Title').dialog();
   //OR
   $("#dialog").dialog({ title: "New Dialog Title" });
<div id="dialog" title="Basic dialog">
  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

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

$(function() {
    var $radios = $('input:radio[name=gender]');
    if($radios.is(':checked') === false) {
        $radios.filter('[value=Male]').prop('checked', true);
    }
});
informatica/lenguajes_de_programacion/javascript/bibliotecas/jqueryui.txt · Última modificación: 2025/04/08 02:15 por admin