Mapear objetos en javascript

A veces obtenemos del backend una lista de objetos en formato json, pero necesitamos mapearlo a una lista de objetos pero con distintos nombres de propiedades.... en ese caso este sería el código:

El ejemplo aquí es utilizando una variable de knockout instanciada como observableArray()... el objeto mappedTemplates es en realidad una lista de objetos.

function objectOptionSelect(name, value) {
    this.Texto = name
    this.Valor = value
}

var mappedTemplates = $.map(data.d, function (item) { return new objectOptionSelect(item.CampoTextoField, item.CampoValorField) });

self.itemsOficina(mappedTemplates);

Sean felices! :) Y siéntanse libres de opinar ;)

Filtrar array de knockout por parámetro

Aquí esta el código para filtrar un array de knockout.... espero les sirva:

return ko.utils.arrayFilter(this.array(), function(item) 
{
return item.id == '666';
});  

Sean felices! :) Y siéntanse libres de opinar ;)

Borrar item de array por filtro con knockout

Aquí esta el código para borrar todos los items de un observableArray:

self.miArray.remove(function (item) {
                    return item.idpropiedad() != '777'
                });

Siendo idPropiedad(), una propiedad del array o arreglo. Si el arreglo que armaste no se asignaron con knockout, pues sería.... item.idpropiedad .... sin los parentesis.

Sean felices! :) Y siéntanse libres de opinar ;)

Precargar select con knockout y web api .net

Lamento no ser muy específico, pero el tiempo que tengo ahora es poco:

Así sería:



//Clase representa un tipo identificacion
function TipoIdentificacion(data) {
    this.descripcion = ko.observable(data.descripcion);
    this.id = ko.observable(data.id);
}


function UsuarioViewModel(dataInicial) {
var self = this;
self.tiposIdentificacion = ko.observableArray();

// Carga inicial para llenar selects
    $.getJSON("/api/tiposidentificacion", function (allData) {
        var mappedTiposIdentificacion = $.map(allData, function (item) { return new TipoIdentificacion(item) });
        self.tiposIdentificacion(mappedTiposIdentificacion);
    });

}

Y en el html así:


<select id="ddltipoidentificacion" class="ddlregistro" data-bind="
                                                    options: tiposIdentificacion, 
                                                    optionsValue : 'id', 
                                                    optionsText: 'descripcion', 
                                                    optionsCaption: 'Seleccione...',
                                                    value : tipoIdentificacion" >
                                                </select>

Y en webapi:


public class TiposIdentificacionController : ApiController
    {
        // GET api/tiposidentificacion
        public IEnumerable<TipoIdentificacion> Get()
        {
            var sqlmanager = new SqlDataManager();
            return sqlmanager.GetTiposIdentificacion();
        }
    }


Sean felices! :) Y siéntanse libres de opinar ;)