sábado, 13 de septiembre de 2014

Cómo usar el plugin SPWidgets para subir documentos vía Jquery/SPServices en Sharepoint 2010

En nuestra página agregamos las referencias a los siguientes archivos:

jquery.js (http://jquery.com/download/)

jquery.SPServices.min.js (http://spservices.codeplex.com/)

jqueryui.min.js (http://jqueryui.com/download/)

/_layouts/1033/init.js

/_layouts/1033/sp.core.js

/_layouts/1033/sp.runtime.js

/_layouts/1033/sp.js

jquery.SPWidgets.min.js  (http://purtuga.github.io/SPWidgets/)

Después agregar las referencias a los archivos css de jQueryUI

En nuestra página agregamos un anchor que levante el siguiente popup

image

Para realizar esto, agregamos el siguiente div en nuestro código html

<div id="dialog-AddAttachments" title="Agregar adjuntos" style="display:none">   
        <b>Seleccione un archivo y presionar adjuntar.</b></br></br></br>

        <div style="height:350px;width:100%;padding:.5em;" id="file_upload"></div>

</div>

$( "#dialog-AddAttachments" ).dialog({
                autoOpen: false,
                resizable: false,
                draggable: false,
                width:450,
                height:180,
                modal: true               
});

El código anterior levanta el popup

$("#file_upload").SPControlUpload({
                listName: 'Documentos',               
                noFileErrorMessage: "No hay un archivo seleccionado!",
                selectFileMessage: "Click aquí para agregar un attachement...",
                uploadDoneMessage: "Se subió correctamente el archivo!",              
                onUploadDone: function(file){
                   
                }
});
El código anterior permite configurar el div para que el usuario pueda subir archivos a la librería “Documentos”.

image

3 comentarios:

  1. De Primera Categoría! Gracias por este post - que estaba buscando estas explicaciones largo tiempo. He seguido todas sus instrucciones y funciona muy bien.

    ResponderEliminar
  2. Hice la prueba en un html sin las librerías
    /_layouts/1033/sp.core.js
    /_layouts/1033/sp.runtime.js
    /_layouts/1033/sp.js

    funciona igual.

    ResponderEliminar
  3. Consulta esto también aplica para las nueva versión del sharepoint y sus actuales listas, en que parte debo programar dicho codigo??

    ResponderEliminar