javascript - SimpleCartJS - 如何获取购物车中的所有商品？

Question

我正在尝试将 SimpleScriptJS v3 集成到 Force.com visualforce 页面中。我能够从 Salesforce 查询产品并使用 SimpleCartJS 类参数显示它们。产品已正确添加到购物车，清空、删除、递增和递减链接也能完美运行。我不需要结帐到 PayPal、google 等。我需要的是当用户点击“ckeckout”按钮时直接在 salesforce 上的某个对象中创建记录，所以我需要获取购物车中的所有项目以便迭代和使用在 Salesforce 中创建记录的信息。

这是我的 visualforce 页面:

<script src="{!$Resource.ShoppingCart_SimpleCart_JS}" type="text/javascript"/>
<script src="{!$Resource.ShoppingCart_JQuery_JS}" type="text/javascript"/>  

<apex:pageBlock >

    <apex:repeat value="{!existingProducts}" var="wrapper">
        <apex:outputPanel layout="block" style="float:left;padding-top:10px;padding-left:10px" styleClass="simpleCart_shelfItem">
            <apex:image value="/servlet/servlet.FileDownload?file={!wrapper.imageId}" width="150" height="150"/>
            <apex:outputPanel layout="block" style="text-align:center">
                <apex:outputText value="{!wrapper.product.Name}" styleClass="item_name"/><br/>
                <apex:outputText value="Price: ${!wrapper.price}" styleClass="item_price"/><br/>
                <apex:outputLink value="javascript:;" styleClass="item_add">Add to Cart</apex:outputLink><br/><br/>
            </apex:outputPanel>
        </apex:outputPanel>
    </apex:repeat>


    <apex:outputPanel layout="block" style="float:right;padding-top:10px;padding-right:10px">
        <apex:outputPanel styleClass="simpleCart_quantity"></apex:outputPanel>
        items - 
        <apex:outputPanel styleClass="simpleCart_total"></apex:outputPanel>

        <apex:outputPanel styleClass="simpleCart_items" layout="block"></apex:outputPanel>

        <apex:outputLink value="javascript:;" styleClass="simpleCart_checkout">Checkout </apex:outputLink>
        <apex:outputLink value="javascript:;" styleClass="simpleCart_empty"> Empty Cart</apex:outputLink>
    </apex:outputPanel>

    <apex:pageBlockButtons >
        <apex:commandButton value="Checkout" action="{!checkout}"/>
    </apex:pageBlockButtons>            
</apex:pageBlock>

正如我所说，项目已正确添加并显示到购物车中(我的输出面板具有 styleClass="simpleCart_items"属性)。

问题是，我怎样才能将所有购物车项目放入一个数组或其他东西中以便迭代它并使用它们。

谁能帮我解决这个问题？

非常感谢!!!

问候!

Answer 1

您可以使用 SimpleCart 对象获取项目数组:

simpleCart.each(function(item){
    console.log( item.get('quantity') + ' x ' + item.get('name') );
});

或者，您可以使用 .sendForm 方法将表单提交到自定义脚本。