在phonegap中将值从html传递到javascript

Question

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

我的listview项模板，

<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>

有人能告诉我我哪里做错了吗？或者你能提供一个替代的解决方案吗？

Answer 1

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

在您的场景中，我认为此链接将帮助您：http://demos.kendoui.com/web/mvvm/source.html

这个行为在我写的Kendo手机书中有解释，您可以在这里看到为这本书构建的示例应用程序的签出屏幕：http://movies.kendomobilebook.com/