\u00bfQu\u00e9 son notificaciones dentro de SharePoint?<\/h2>\n
Seguro que cuando hemos arrancado alguna vez la Administraci\u00f3n Central, hemos visto un \u00abcartelito\u00bb (bien amarillo o bien rojo) indicando que nuestra granja tiene algunos errores que debemos de solucionar. \u00bfNo es as\u00ed?<\/p>\n
<\/p>\n
![\"1](\"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-content\/uploads\/sites\/8\/2014\/10\/1-Central-Administration_thumb2.jpg\")
<\/p>\n
<\/h2>\nCasos de uso<\/h2>\n
Este mensaje lo podemos utilizar en multitud de aspectos dentro de nuestro desarrollo, por ejemplo, cuando realizamos una inserci\u00f3n en una lista y dependiendo del estado se muestra el mensaje de un color u otro.<\/p>\n
Para ello,\u00a0en primer lugar, vamos a crear un fichero de JavaScrip<\/strong>t d\u00f3nde vamos a hacer uso de la clase SP.UI.Notify y dependiendo de nuestros requisitos realizaremos una acci\u00f3n u otra.<\/p>\n <\/p>\n <\/p>\n De este JavaScript, en primer lugar indicar que hace uso del patr\u00f3n \u00abM\u00f3dulo\u00bb. \u00a0Su principal atractivo es que resulta extremadamente \u00fatil para conseguir c\u00f3digo reusable y, sobre todo, modular<\/strong>. Su estructura b\u00e1sica es sencilla: se trata de una funci\u00f3n que act\u00faa como contenedor para un contexto de ejecuci\u00f3n<\/em>. Esto quiere decir que en su interior, se declaran una serie de variables y funciones que s\u00f3lo son visibles desde dentro del mismo. De esta forma, tenemos aislada la ejecuci\u00f3n de este c\u00f3digo respecto al resto de funciones\/m\u00e9todo\/variables que hay en el resto de la aplicaci\u00f3n. <\/p>\n Uno de los mayores fallos<\/strong> que cometemos al escribir c\u00f3digo JavaScript<\/strong>, es que no queremos entender el lenguaje de desarrollo y buscamos su similitud con nuestro c\u00f3digo .NET. Ahora bien, nuestro entorno de desarrollo utilizamos Visual Studio<\/strong> ya que nos facilita bastante las cosas y \u00e9l mismo se encarga de a\u00f1adir las dependencias entre las diversas clases de nuestros proyecto y nos olvidamos que existen. No obstante, dentro de JavaScript no tenemos una herramienta como VS y tenemos que hacerlo de forma manual<\/strong>.<\/p>\n As\u00ed pues,\u00a0en primer lugar dentro del fichero Aspx vamos a a\u00f1adir la referencia a nuestro fichero js.<\/p>\n <\/p>\n <\/p>\n Y para utilizarlo dentro de nuestro desarrollo, nos bastar\u00e1 con invocar a la referencia Enc.notificacion.Metodo. Algo parecido a la siguiente instrucci\u00f3n:<\/p>\n <\/p>\n <\/p>\n En este post, hemos visto lo sencillo que es hacer uso de los elementos que se utilizan en SharePoint<\/strong>. En este caso, hemos aprovechado aspectos que se utilizan dentro de la interfaz de usuario. Adem\u00e1s, hemos introducido c\u00f3mo escribir JavaScript de forma \u00ablimpia\u00bb y reutilizable.<\/p>\n <\/p>\n <\/p>\n<\/span>","protected":false},"excerpt":{"rendered":" En anteriores post hemos visto como podemos hacer uso de elementos que utiliza SharePoint out of the box dentro de nuestros desarrollos. Por lo general, estos artefactos suelen ser \u00abUserControls\u00bb y desarrollos en servidor, pero de la misma forma que … Continue reading \r\nvar Enc={};\r\n(function(app) {\r\n "use strict";\r\n var statusId = '';\r\n var notifyId = '';\r\n app.notificacion = {\r\n AddNotification: function(message) {\r\n notifyId = SP.UI.Notify.addNotification(message, true);\r\n },\r\n\r\n RemoveNotification: function() {\r\n SP.UI.Notify.removeNotification(notifyId);\r\n notifyId = '';\r\n },\r\n\r\n AddStatus: function(message, color) {\r\n statusId = SP.UI.Status.addStatus(message);\r\n SP.UI.Status.setStatusPriColor(statusId, color);\r\n },\r\n\r\n RemoveLastStatus: function() {\r\n SP.UI.Status.removeStatus(statusId);\r\n statusId = '';\r\n },\r\n RemoveAllStatus: function() {\r\n SP.UI.Status.removeAllStatus(true);\r\n }\r\n };\r\n})(Enc)\r\n<\/pre>\n
\nOtro aspecto a destacar es el paso de par\u00e1metros, en nuestro caso vamos\u00a0a pasar una variable Enc. Dentro de nuestra aplicaci\u00f3n, esta variable\u00a0es el punto de entrada de todas las utilidades, m\u00e9todos y helpers que vamos a utilizar en el desarrollo.<\/p>\n\u00bfC\u00f3mo lo utilizo?<\/h3>\n
\r\n<script type="text\/javascript" src="..\/Scripts\/Notification.js"><\/script>\r\n<\/pre>\n
\r\nEnc.notificacion.AddStatus('Status',"green");\r\n<\/pre>\n<\/h2>\n
Funciones disponibles<\/h2>\n
\n
<\/h2>\n
<\/h1>\n
Conclusi\u00f3n<\/h1>\n