2.5.3 - Incluir el código para incorporar y eliminar las listas

Incluir el código para incorporar y eliminar las listas

A continuación, incluiremos código JavaScript para que los usuarios puedan crear y eliminar listas en la aplicación de SharePoint

Para incluir el código para crear y eliminar las listas seguir los siguientes pasos:

1. Abrir la carpeta de Scripts del panel de la izquierda, y seleccionar el archivo App.js

Se abrirá para edición el archivo con el código JavaScript default contenido en el template del proyecto. Este archivo contendrá el código utilizado por la App de SharePoint. En cualquier momento se pueden ir incorporando nuevos archivos .js al proyecto además del existente para mayor claridad o reutilización del código. En este ejemplo, incluiremos nuestro código al archivo App.js que viene incluido en el proyecto.

En el paso anterior creamos los controles necesarios para la aplicación, y definimos ciertas funciones que implementaremos a continuación.

Connected to the getListCount control—retrieves the number of lists in the web.

• getWebProperties(): conectado con el control getListCount y obtendrá el número de listas en la web
• createlist(): conectado con el control createListButton y será responsable por crear una nueva lista genérica en SharePoint
• deletelist(): conectado con el control deletelistbutton y será responsable por eliminar la lista que usuario haya seleccionado en el listado de listas disponibles en la web

También estaremos haciendo llamados a las funciones welcome() y displayLists(), que serán implementadas más adelante

2. En el archivo App.js, añadiremos 3 variables a las 2 pre-existentes: web, lists, y listItemcollection

var context = SP.ClientContext.get_current();
var user = context.get_web().get_currentUser();
var web = context.get_web();
var lists = web.get_lists();
var listItemCollection; // Esta variable será utilizada más adelante

3. Además de crear las nuevas variables modificaremos el código de la función  $(document).ready() 

            $("#getListCount").click(function (event) {

       getWebProperties();

       event.preventDefault();

   });

   $("#createlistbutton").click(function (event) {

       createlist();

       event.preventDefault();

   });

   $("#deletelistbutton").click(function (event) {

       deletelist();

       event.preventDefault();

   });

   

         displayLists();

Quedando el archivo de la siguiente manera:

NOTA: En este momento habrá errores remarcados por el editor, que serán corregidos más adelante.