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 render() se usa para renderizar el widget, es decir, se usa para configurar el botón que explícitamente usa otro botón para renderizar los archivos. No toma ningún parámetro y no devuelve ningún valor.
Sintaxis:
$('#jqxFileUpload').jqxFileUpload('render');
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 render() 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 render() method</h3>
<div id="gfg"></div>
<input style="margin-top: 20px;" type="button"
id="jqxButton" value="Click to render" />
<script type="text/javascript">
$(document).ready(function () {
$('#gfg').jqxFileUpload({
theme: 'energyblue',
width: 300,
uploadUrl: 'upload.php',
});
$('#jqxButton').on('click', function () {
$('#gfg').jqxFileUpload('render');
});
});
</script>
</body>
</html>
Producción:
