viernes, 19 de febrero de 2016

Java Script + MVC con GenCode Studio 2.0

En esta oportunidad vamos a generar Java Script con GenCode Studio, con base a una plantilla , que nos va a permitir generar dicho código y poder dar funcionalidad a una vista en MVC, para que muestre datos en un agrilla de kendo

ver video:





Él código de la plantilla es el siguiente:

$(document).ready(function(){
    
   GetSearh();

});

function GetSearh() {
    var oParameter = {};
    
    $("#grid%tablename%").kendoGrid({
    type: "json",
    resizable: true,
    selectable: true,
    sortable: true,
    pageable: {
        pageSizes: [10, 25, 50, 100]
    },
    dataSource: {
        serverPaging: true,
        serverSorting: false,
        pageSize: 10,
        height: '300px',
        width: '1200',
        transport: {
            read: {
                url: '%tablename%/Get%tablename%Paged',
                contentType: 'application/json; charset=utf-8',
                type: "GET",
                dataType: "json"
            },
            parameterMap: function (options) {
                oParameter.PageNumber = options.page;
                oParameter.PageSize = options.pageSize;
                return oParameter;
            }
        },
        schema: {
            data: function (result) {
                return result;
            },
            
            total: function (result) {
                if (result!= undefined) {
                    return result[0].VirtualCount;
                }
                
            }
        }
    },
    columns: [
        for%
            { field: "%columnname%", title: "%columnname%", width: 10 },
        %for
    ]
    });
}

jueves, 30 de julio de 2015

Modificar el Local Path en el TFS

Varios me han preguntado de como cambiar el Local Path del Workspace en el TFS, pues asi como yo es seguro que varios han tenido que solucionarlo, bueno aca les dejo los pasos


Ir a lista de Workspace























Seleccionar el Workspace





































Editar el Local Path
























sábado, 11 de julio de 2015

Crear código java script con GenCode Studio

Voy a dejar una plantilla básica para generar código en java script, usando GenCode Studio r1.0



$(document).ready(function () {

    Clear();
    $("#btnClear").on("click", function () { Clear();})
});

function Clear() {
    for%
        $("#%columnname%").val("");
    %for
}

function GetData(id) {
     $.ajax({
        type: "GET",
        url: urlBase + "api/GetList",
        datatype: "json",
        success: function (data) {
            
        }
    });
}

function InsertData() {
    var oEntity = {
       for%
           %columnname% :$("#%columnname%").val(),
        %for
    }

    var response = $.post(urlBase + "api/Insert", oEntity, function (response) {
        Clear();
    });
    response.fail(function () { alert("Fail!"); });
    
}

function UpdateData() {

}

function DeleteData() {

}

 
 
 
aca les dejo un video, de como hacerlo:

https://www.youtube.com/watch?v=8moYnSAg1Xs

domingo, 14 de junio de 2015

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


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/


miércoles, 24 de diciembre de 2014

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

sábado, 20 de diciembre de 2014

GenCode Studio r 1.0

Funcionalidad del nuevo GenCode Studio r 1.0

GenCode Studio Video

miércoles, 5 de noviembre de 2014

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