Informazioni aggiuntive SimpleCart con colonne personalizzate

Question

Sto utilizzando il SimpleCart Javascript Library.

Voglio aggiungere un id a ciascun prodotto e quando l'utente procede alla verifica, questi id 's sarebbero inviati pure.

Invece di queste colonne, per esempio:

Name Price 
book 5$ 

voglio avere una colonna Product Id comprendono così:

Id Name Price 
3 book 5$ 

Ho provato inserendo il id in opzioni, ma io non ha avuto fortuna a farlo.

Qualcuno può mostrarmi un esempio dettagliato facendo così?

Answer 1

Questo può essere impostato in questo modo:

Nella tua simplecart istituito ai sensi "cartColumns" aggiungere

{ attr: "id" , label: "ID" } 

Ti piace questa:

cartColumns: [ 
     { attr: "image", label: "Item", view: "image"}, 
     //Name of the item 
     { attr: "name" , label: "Name" }, 
     { attr: "id" , label: "ID" }, 
        //etc……… 

Poi si può utilizzare:

<span class="item_id">ID:1</span> 

o come questo:

simpleCart.add({ name: "Shirt" , price: 4, id: 1 }); 

e dovrebbe mostrare nelle vostre colonne.

Answer 2

Sulla base degli esempi di documentazione per item.get e item.set si dovrebbe essere in grado di impostare le proprie colonne.

var myItem = simpleCart.add({ productId: "A12", name: "Awesome T-Shirt" , 
           price: 10 , size: "Small" }); 

myItem.get("productId"); // A12 
myItem.set("productId" , "C54"); 
myItem.get("productId"); // C54 

Inoltre, each item has a built-in ID:

var myItem = simpleCart.add({ name: "Shirt" , price: 4 }); 
myItem.id(); // "SCS-1" 

You could also create a custom view for your own ID.

creare il vostro VISTA PROPRIO

È possibile creare visualizzazioni personalizzate per il carro dal impostando la vista di una funzione invece di una stringa. La funzione dovrebbe richiedere due argomenti, l'elemento per quella riga e la colonna dettagli specificati.

{ view: function(item , column){ 
     // return some html 
    } , 
    label: "My Custom Column" 
}