jQWidgets es un marco de JavaScript para crear aplicaciones basadas en web para PC y dispositivos móviles. Es un marco muy potente y optimizado, independiente de la plataforma y ampliamente compatible. jqxFileUpload es un widget que se puede usar para seleccionar archivos y cargarlos en un servidor. También es compatible con la carga automática y la carga de varios archivos.
El método refresh() se utiliza para actualizar el widget. es decir, se usa para configurar el botón que explícitamente usa otro botón para actualizar los archivos. No toma ningún parámetro y no devuelve ningún valor.
Sintaxis:
$('#jqxFileUpload').jqxFileUpload('refresh');
Archivos vinculados: descargue jQWidgets desde el enlace. En el archivo HTML, busque los archivos de script en la carpeta descargada.
<link type=”text/css” rel=”Stylesheet” href=”jqwidgets/styles/jqx.base.css” />
<script type=”text/javascript” src=”scripts/jquery-1.11.1.min .js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxbuttons.js”> </script>
<script type=”text/javascript” src=”jqwidgets/jqxfileupload.js”></script>
Ejemplo: El siguiente ejemplo ilustra el método jqxFileUpload refresh() en jQWidgets.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<link type="text/css" rel="stylesheet"
href="jqwidgets/styles/jqx.base.css" />
<script type="text/javascript"
src="scripts/jquery-1.11.1.min.js">
</script>
<script type="text/javascript"
src="jqwidgets/jqxcore.js">
</script>
<script type="text/javascript"
src="jqwidgets/jqxbuttons.js">
</script>
<script type="text/javascript"
src="jqwidgets/jqxfileupload.js">
</script>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<h3>jQWidgets jqxFileUpload refresh() method</h3>
<div id="gfg"></div>
<input style="margin-top: 20px;" type="button"
id="jqxButton" value="Click to refresh" />
<script type="text/javascript">
$(document).ready(function () {
$('#gfg').jqxFileUpload({
theme: 'energyblue',
width: 300,
uploadUrl: 'upload.php',
});
$('#jqxButton').on('click', function () {
alert('Refreshed the element')
$('#gfg').jqxFileUpload('refresh');
});
});
</script>
</body>
</html>
Producción:
