none
Razor, Json y Knockout RRS feed

  • Pregunta

  • hola, estoy usando VS 2010, MVC 4 con Razor, Firefox. Quiero que al cargar una pagina se muestre una tabla de solo lectura con el siguiente formato:

    Nombre   Direccion   Telefono

    nom1       dir1          tel1

    nom2       dir2          tel2

    ........       ......         .....

    Entonces en el controlador define lo siguiente :

    public JsonResult Baja()
            {
                IBancos bancos = new BancosClient();
    
                List<BancoDTO> bancoDTOList = new List<BancoDTO>();
                bancoDTOList = bancos.GetBancosList();
                
                return Json(bancoDTOList, JsonRequestBehavior.AllowGet);
            }

    Por medio de un servicio WCF le paso una lista de DTO que a su vez la devuelvo con Json por medio de bancoDTOList y en el cshtml tengo lo siguiente:

    <script src="../../Scripts/knockout-2.2.1.js" type="text/javascript"></script>
    <script src="../../Scripts/knockout.mapping-latest.js" type="text/javascript"></script>
    
    <table>
        <tbody data-bind="foreach: viewModel">
            <tr>
                <td>
                    <span data-bind="text: Nombre"></span>
                </td>
                <td>
                    <span data-bind="text: Direccion"></span>
                </td>
                <td>
                    <span data-bind="text: Telefono"></span>
                </td>
            </tr>
        </tbody>
    </table>
    
    <script type="text/javascript">
    
        var bancosViewModel = function () {
            var self = this;
            self.Bancos = ko.mapping.fromJS([]);
            $getJSON('/Banco/Baja/', function (data) {
                ko.mapping.fromJS(data, {}, self.Bancos);
            });
        }    
    
        $(document).ready(function () {
            var viewModel = new bancosViewModel();
            ko.applyBindings(viewModel);
        });
    
    </script>

    Hecho esto cuando cargo la pagina se muestran los datos en formato Json, como muestro aqui:

    [{"ExtensionData":{},"Direccion":"18 de Julio","Nombre":"BBVA","Telefono":"472-40911 "},{"ExtensionData":{},"Direccion":"18 de Julio","Nombre":"SANTANDER","Telefono":"472-40911 "},{"ExtensionData":{},"Direccion":"ds","Nombre":"NSBC","Telefono":"454545"}]

    Entonces como tendria que hacer para que me muestre los datos en una tabla de solo lectura ?

    Gracias.

    martes, 2 de julio de 2013 1:43

Todas las respuestas