jsTree y Web Api

Después de buen tiempo voy a postear una nota sobre el uso del jsTree, que me parece muy práctico.

vámos a obtener los datos desde una web api que devuelve json para poder popular el jstree

Pasos:

1. Referenciar el js en la pagina

 <script src=@Url.Content("~/js/plugins/tree/jstree.js")> ....

2. Elemento donde se va a renderizar el jsTree

                  

3. la API

       Entidad: creamos la estructura que necesita el jstree para poder crear un árbol

    

El método de la API

       [HttpGet]

        public HttpResponseMessage GetMenuList()

        {

            List oList = new List();

            List oMenuList = new BLMenu().GetMenuListAll();

            foreach (var item in oMenuList)

            {

                oList.Add(new BEJSTree()

                {

                    text = item.LongDescription,

                    parent = (item.MenuParentID == 0 ? "#" :              item.MenuParentID.ToString()),

                    icon = NullSafe.GetValueOrDefault(item.Icon),

                    id = item.MenuID.ToString()

                });

            }

            return Request.CreateResponse(HttpStatusCode.OK, oList);

        }

4. El Script

  function GetTreeView() {

    $.ajax({

        type: "GET",

        //url: "/Security/GetMenuList",

        url: urlBase + "api/MenuWebApi/GetMenuList",

        datatype: "json",

        success: function (data) {

            menuList = data;

            $('#tree-menu').jstree({

                'core': {

                    "animation": 0,

                    'check_callback': true,

                    "themes": { "stripes": true },

                    'data': menuList

                },

                "checkbox": {

                    "keep_selected_style": false

                },

                "plugins": ['types', "themes", "json_data", "dnd", "wholerow"],

                

            }).on('changed.jstree', function (e, data) {

                var i, j, r = [];

                for (i = 0, j = data.selected.length; i < j; i++) {

                    

                    r.push(data.instance.get_node(data.selected[i]).id, data.instance.get_node(data.selected[i]).text);

                }

               

            });

        }

    });    

}

5. Resultado

  datos de prueba

  Renderizado

más información en la web de jstree:
http://www.jstree.com/

Crear un Template en GenCode Studio para Stored Procedure Paginados

Amigos aca les dejo un video de como crear un template para Stored Procedure Paginados

Video de GenCode Studio y Template para SP Paginado

USE %db-name%
GO

CREATE PROCEDURE %db-schema%.usp_%tablename%_PagedList
(
  @pPageNumber int,
  @pPageSize int
)
AS SET NOCOUNT ON
BEGIN
    
    DECLARE @ROWSTART int 
    DECLARE @ROWEND int
    DECLARE @pVirtualCount bigint
    
    IF (@pPageNumber IS NULL)
        SET @pPageNumber = 1;
    
   SET @ROWSTART = (@pPageNumber - 1)* @pPageSize +1;
   SET @ROWEND =  @ROWSTART + @pPageSize -1;
   
   SELECT
      %db-columns%
      ,ROW_NUMBER() OVER(ORDER BY %set-db-key%) AS _ROW
   INTO #RESULTS
   FROM  %db-schema%.%tablename%
   
   SET @pVirtualCount = @@ROWCOUNT
   
   
   SELECT TOP(@pPageSize)
      %db-columns%
      ,@pVirtualCount AS VirtualCount
   FROM #RESULTS
   WHERE  _ROW BETWEEN @ROWSTART AND @ROWEND
   ORDER BY %set-db-key%
   
   DROP TABLE #RESULTS
    
    
    SET NOCOUNT OFF
END

GenCode Studio r 1.0

Funcionalidad del nuevo GenCode Studio r 1.0

GenCode Studio Video

Implementar el customError en MVC

A pedido de un lector, que hoy me escribio, solicitandome un ejemplo de como usar el Custom Error del web.config en MVC hoy tocare ese tema, pero de manera rápida por que no hay mucha ciencia y el motor ya hace muchas cosas por nosotros, salvo que customizemos algunas cosas y ya seria un post aparte. bueno manos a la obra.

Lo primero es agregar el tag customError en el web.config, esto es dentro de system.web y las Views que va a controlar los statusCode

Como hablamos de MVC, agregamos la clase Controller

Ahora trabajaremos con las vistas, pero no lo haremos de la manera tradicional, haciendo click derecho en el nombre del metodo ActionResult NotFount, add view ... no, nos vamos a la carpeta Shared y alli damos Add View (Saherd, compartido... todas paginas comunes al proyecto)

La estructura quedaria de la siguiente manera

Ahora, vamos aver si tanta mentira es verdad

llamemos a una vista existente (User), como muestro en la imagén

todo bien, y como hacemos para que funcione por ejemplo el famoso 404, llamemos a una vista que no existe por ejemplo User1111

Y listo, ya tenemos controlado algunas cosas , espero haya sido de ayuda

WCF MessageContract y DataContract

No hace mucho, me encontre con un problema donde a unas entidades para comunicacion Soap todo era MessageContract, y las estructuras no correspondian en el orden, nombre de atributos y Namespace.

Para ello hay que saber un poco de sus diferencias y saber que los MessageContract sirven para definir los mensajes que van a interactuar en el Servicio (Response, Request), mientras que los DataContract son para externalizar los Atributos en el Servicio.


por ejemplo se pide implementar las siguientes estructuras

Request:

Response:

Manos a la obra

CustomerRequest (MessageContract)

DataContract

Ahora para CustomerResponse (MessageContract)

DataContract

Con ello ya tenemos las estructuras definidas, y para probar lo implementamos en un servicio con datos de prueba

Levantamos el Servicio

Hacemos uso de la herramienta SoapUI, para ingresar los datos del Request a nuestro servicio

Al ejecutar comprobaremos que se ejecute

y el Response de nuestro servicio quedaria de la siguiente forma

GenCode 2014 r 1.0 RELEASE

Amigos

Se Liberó, la nueva version de GenCode 2014 r 1.0, tiene significativas mejoras, y asu vez que es multi arquitectura.

cabe resaltar que se mantiene el uso de template, para que cada developer pueda manipularlo a sus necesidades dependiendo de la arquitectura y lenguaje de programación ( C#, VB.net, SQL)

el meta-lenguaje de GenCode se ha mejorado para que pueda generar por grupos de tablas seleccionadas, cuya información de proceso se muestra en la consola Output.

tambien se incluye una ayuda, con la lista de comandos y ejemplos de uso para crear los templates


Splash

Plantilla de Solucion, que contiene todos los proyectos con sus respectivas referencias entre los mismos

las ayudas

Nuevo GenCode 2014

Esta versión aún esta en construcción, las grandes mejoras es que es mas flexible, ya que los Templates de Proyectos es más dinámico, las variables de los mismos de la ventana Properties es mas robusta y configurable, y lo principal es que puede generar en lote todas las tablas que le asignemos así como también crear Plantillas de Proyectos ya definidos con la arquitectura de el software que se este desarrollando, asiendolo mas versatil y dinámico.

 

Los comandos y funciones para programar los Templates están reescritos y mejorados para que el proceso sea mas rápido

Se pueden agregar proyectos desde una platilla de los mismos, así se carga ya una estructura definida.

Al agregar proyectos desde una plantilla estos ya aparecen con sus respectivas referencias, y lo mas importante que la funcionalidad de ir agregando los proyectos de forma manual se mantiene.

Al generar el código se procesa en lote todas las tablas seleccionadas reduciendo los tiempos de desarrollo, además se le adiciono una ventada de Output donde se ve el proceso de Generación y los comandos y funciones de la plantilla a ejecutar y si existen errores estos se visualizan aquí.

  

La ventana Properties que contiene las variables del proceso de Generación, esta mas robusta de mas fácil acceso.