Comprobaciones antes de guardar (PreSaveItem)

Muchas veces me encuentro con el escenario en el que en una lista se precargan unos valores y luego a través del formulario de edición queremos que otra persona complete otros datos.
En esta situación puede ser que nos interese que algún campo sea obligatorio. Sí en una lista de SharePoint marcamos un campo como obligatorio, nos obligará a cargarle un valor cuando lo creamos, en lugar de edición. Para ello, podemos utilizar la función PreSaveItem:

function PreSaveItem()
{
var save = false;
var area = $( "[title*='Area'] option:selected" ).text();
var centro = $( "[title*='Centro'] option:selected" ).text();
if (area != '(Ninguno)' && centro != '(None)'){
            save = true;
}else if(area == '(Ninguno)'){
alert('Seleccione un área');
}else if(centro == '(None)'){
alert('Seleccione un centro');
}
return save;
}

Al incluir el código superior, lo que hacemos es llamar a una función en la que en este caso en concreto, lo que hacemos es recoger el valor seleccionado en dos campos de tipo elección a los cuales le hemos aplicado SPServices para que se comporten como campos en cascada.

Y comparamos que no tomen el valor (Ninguno) para el campo area, ni (None) para el campo centro, si tienen valor en esos campos, devolveremos el valor true, que permitirá que se guarde, sino devolverá false, lo que hará que no se guarden los valores y gracias a los alert mostraremos un mensaje al usuario indicándole que campo se le ha olvidado completar.

Mostrando el nombre de un archivo y enlazarlo en una vista de datos

Anteriormente ya hice una entrada de como mostrar los iconos de los documentos en una vista de datos.

Pues bien, otra cosa que me suelen pedir mucho y que va justo detrás del icono, es mostrar el nombre del documento y el enlace al mismo. Lo que viene siendo el comportamiento propio de SharePoint.

Para una vista de datos, basta con poner:

<a href="{@FileRef}">
<xsl:value-of select="@FileLeafRef.Name" />
</a>

Y nos pondrá la URL relativa, lo cual es muy útil, si tenemos diferente URL desde dentro que desde fuera y nos mostrará el nombre del archivo sin acabar en la extensión.

Detener la carga de una página durante X segundos para esperar por un flujo de trabajo

 Esta semana he tenido que hacer una relación entre dos listas y para enlazar la primera con la segunda he tenido que crear el enlace en una columna oculta con un flujo de SharePoint.

El problema era que se cargaba más rápido la nueva página donde se mostraba el enlace, que el flujo nos completará el campo.

La solución que se me ha ocurrido (posiblemente no sea la mejor), es meter en el head un retardo de 2 segundos y recargar la página. Con el fin de evitar un bucle infinito, una vez espero, le añado a la URL de la página el carácter #.

Lo que he hecho, ha sido buscar con el Designer en el código de la página el bloque:

<asp:Content ContentPlaceHolderId="PlaceHolderAdditionalPageHead" runat="server">

Y si no, bastaría con crearlo abriendo y cerrando la etiqueta. Para posteriormente incluir en él:

<SharePoint:ScriptBlock runat="server">

    

function sleep(milliseconds) {

  var start = new Date().getTime();

  for (var i = 0; i < 1e7; i++) {

    if ((new Date().getTime() - start) > milliseconds){

      break;

    }

  }

}

var url = window.location.href;

 if(url.indexOf("#")!= -1){

 

 }else{

  sleep(2000);

  var nurl = window.location.href;

  nurl = nurl+"#";

  window.location.href = nurl;

  location.reload();

 }

</SharePoint:ScriptBlock>

Recoger parámetro de la URL con Jquery y completar un campo de tipo búsqueda de SharePoint

 Siguiendo con la entrada anterior quedaría recoger el número de ID correspondiente al libro y dejarlo seleccionado en un campo de tipo búsqueda de la lista reserva de libros. Dicho campo, será un campo de búsqueda sobre la lista de libros, cogiendo como clave el nombre del libro.

Para ello tendremos una dirección del tipo:

https://URLdelSitio/Lists/ReservaLibro/Nuevo.aspx?Libro=1&Source=/URLdelSitioalquevolvertrasaceptar/

Este sería el libro con el ID=1 en la lista de libros.

Para ello, en formulario de nuevo elemento de la lista reserva de libros, debería añadir un editor de código fuente con el siguiente código:

<script>

$(document).ready(function(){

var direccion = window.location.href;

var numero = direccion.split('Libro=')[1];

                 numero = numero.split('&Source')[0];

$("[title='Libro'] option[value="+numero+"]").prop('selected', true);

$('#Book option:not(:selected)').attr('disabled',true);

});

</script>

Habiendo añadido el ID=Book al tr del campo de busqueda, en mi caso:

<td width="400px" valign="top" class="ms-formbody" id="Book">

<SharePoint:FormField runat="server" id="ff3{$Pos}" ControlMode="New" FieldName="Libro" __designer:bind="{ddwrt:DataBind('i',concat('ff3',$Pos),'Value','ValueChanged','ID',ddwrt:EscapeDelims(string(@ID)),'@Libro')}"/>

<SharePoint:FieldDescription runat="server" id="ff3description{$Pos}" FieldName="Libro" ControlMode="New"/>

</td>

El código JavaScript de arriba lo que hace es:

1. Recoger la URL en la variable dirección
2. Quedarnos con la parte tras la palabra 'Libro=' en la variable numero
3. En esa misma variable, eliminamos la parte del redireccionamiento
4. Buscamos el campo de tipo búsqueda, que en mi caso se llama Libro y seleccionamos el valor que hemos recogido de la URL en la variable numero
5. Por último, deshabilitamos el resto de opciones diferentes a la que hemos pasado como parámetro del Libro.

Está última parte, fue para la cual tuve que buscar en Google, ya que si hacía que el campo estuviera en disable no me guardaba el valor correcto y al ser un campo de elección no tenía sentido ponerlo en readonly.

Encontré esta entrada, que me dio la solución:

https://scriptinside.blogspot.com/2013/12/hacer-un-select-readonly-con-jquery.html

Completar campo de tipo hipervínculo con un flujo

Recientemente me han pedido realizar una lista de libros y otra lista para la reserva de libros.

Para la primera parte, simplemente he creado una listas con los campos correspondientes: Nombre, Autor, ISBN, Resumen y un campo oculto de tipo hipervínculo que se asoma en las vistas llamado inscripción.

Este campo llevará un enlace a la lista de reserva de libros, en el que se pasará el ID del libro en cuestión que se quiere reservar.

Para ello, crearemos un flujo que se lance cuando se crea o se modifica un elemento. En el que crearemos una variable de tipo Cadena, para guardar la URL del enlace:

Estableceremos en dicha variable, la URL del enlace al elemento de Nuevo de la lista reserva de libros, donde le pasaremos como parámetro el ID del elemento en la lista de libros y separaremos la URL del nombre a mostrar por una coma y un espacio en blanco (, ) como por ejemplo:

 

Finalmente bastaría con guardar la variable del flujo, en nuestro campo de tipo hipervínculo:

En la siguiente entrada continuo con la parte de recoger el parámetro pasado desde la lista reserva de libros, con Jquery.

Ordenar una consulta al API REST por dos columnas

Recientemente teníamos una consulta al API REST de SharePoint 2013, la cual ordenábamos por un campo, pero recientemente nos han pedido ordenarlo por dos campos.

Tras buscarlo, hemos encontrado que la manera de hacerlo debiera ser:
var url = "https://misitio/_api/web/lists/getbytitle('Nombre%20de%20Lista')/items?$orderby=Tema,Orden&20asc";

Las fuentes que he utilizado para encontrarlo son:
https://docs.microsoft.com/en-us/sharepoint/dev/sp-add-ins/use-odata-query-operations-in-sharepoint-rest-requests

https://www.odata.org/documentation/odata-version-2-0/uri-conventions/#OrderBySystemQueryOption

Ocultar el Contenido de Sitio del menú lateral en SharePoint 2013

Recientemente nos han pedido que ocultemos de todo SharePoint 2013 de la navegación lateral la opción de "Contenidos del Sitio". Para ello, basta con incluir en la página maestra o una referencia a una hoja de estilos o a un archivo Javascript que contenga:

CSS:
.ms-core-listMenu-verticalBox a.ms-core-listMenu-item.ms-core-listMenu-heading[href*='viewlsts.aspx'] {
   display:none;
}

Javascript:
$(".ms-core-listMenu-verticalBox a.ms-core-listMenu-item.ms-core-listMenu-heading[href*='viewlsts.aspx']").attr("style","display:none");