SimpleCart包含自定义列的附加信息

时间:2013-01-11 00:39:17

标签: javascript shopping-cart simplecart

我正在使用SimpleCart Javascript Library

我想为每个产品添加id,当用户进行结帐时, 这些id也将被发送。

而不是这些列,例如:

Name   Price
book   5$

我想要包含Product Id列:

Id   Name   Price
3    book   5$

我已尝试将id插入选项中,但我没有运气。

有人能告诉我一个详细的例子吗?

2 个答案:

答案 0 :(得分:4)

可以这样设置:

在“cartColumns”下设置的simplecart中添加

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

像这样:

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

然后你可以使用:

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

或者像这样:

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

它应该出现在你的专栏中。

答案 1 :(得分:3)

根据item.getitem.set的文档示例,您应该可以设置自己的列。

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

此外,each item has a built-in ID: simpleCart.Item.id()

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

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

  

创建自己的视图

     

您可以为购物车创建自定义视图   将视图设置为函数而不是字符串。功能   应该采用两个参数,即该行的项目和列   您指定的详细信息。

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