0

我正在尝试使用 kendo-ui mobile 和 phonegap 开发购物车系统。首先，我在列表视图中列出所有项目。在每个listview项目中，都会有一个加号按钮，一个减号按钮和一个标签。我正在使用这个组合来选择项目的数量。所以，如果我们点击加号按钮，标签值应该是0+1=> 1和当我们点击减号时，它应该是 1-1=>0 。点击按钮时更改标签的值，我通过标签的 id 来更改相应的标签值。但我无法将 html 的 id 表单传递给 javascript，就像我在 Web 开发中所做的那样。这是我的代码，

我的列表视图项目模板，

<script type="text/x-kendo-tmpl" id="endless-scrolling-template">



<div class="product">

    <img src="images/image.jpg" alt="#=ProductName# image" class="pullImage"/>
    <h3>#:ProductName#</h3>
    <p>$#:kendo.toString(UnitPrice, "c")#</p>
    <a id="minus" data-role="button" data-click="minus(#:ProductID#)" >-</a>
    <label id=#:ProductID#>0</label>
    <a id="plus" data-role="button" data-click="plus(#:ProductID#)" data-name="plus">+</a>
    <a id="loginButton" data-role="button" data-click="login">Add to Cart</a>
    <div class="console"></div>

</div>

和我的javascript函数，

 <script>

 function plus(itemid) {
       var quantity=document.getElementById(itemid).innerHTML;
       document.getElementById(itemid).textContent = parseInt(quantity)+1;
    } 

     function minus(itemid) {
      var quantity=document.getElementById(itemid).innerHTML;
      document.getElementById(itemid).textContent = parseInt(quantity)-1;
    } 

</script>

谁能告诉我我在这里做错了什么？或者您可以提供替代解决方案吗？

4

1 回答 1

0

使用 Kendo 时，可以使用 Kendo MVVM。当使用 Kendo MVVM 在视图中连接 JS 对象时，当输入元素的值发生变化时，JS 对象的值会自动反映变化。因此，您需要做的是为您的视图创建一个 JS 模型，并使用 data-model="yourModel" 将其设置为您的视图模型。请参阅此链接：http ://docs.kendoui.c​​om/getting-started/mobile/mvvm

在您的情况下，我认为此链接将对您有所帮助：http ://demos.kendoui.c​​om/web/mvvm/source.html

这种行为在我写的 Kendo mobile book 中有解释，你可以在这里看到为本书构建的示例应用程序的结帐屏幕：http: //movies.kendomobilebook.com/

于 2013-10-14T13:04:34.320 回答