2013-10-11 3 views
0

나는 kendo-ui mobile 및 phonegap을 사용하여 장바구니 시스템을 개발하려고합니다. 먼저 목록보기에서 모든 항목을 나열하고 있습니다. 각 목록보기 항목에는 하나의 더하기 단추, 빼기 단추 및 레이블이 있습니다.이 조합을 사용하여 항목 수를 선택합니다. 따라서 더하기 단추를 클릭하면 레이블 값은 0 + 1 => 1이어야하고 빼기를 클릭하면 1-1 => 0과 같아야합니다. 버튼을 클릭 할 때 레이블의 값을 변경하려면 레이블의 ID를 전달하여 해당 레이블 값을 변경합니다. 그러나 나는 웹 개발에서와 같이 id 폼 HTML을 자바 스크립트에 전달할 수 없다. 여기 내 코드는phonegap에서 html에서 javascript로 값을 전달

내 목록보기 항목 템플릿,

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

내 자바 스크립트 기능, 사람이 말해 주시겠습니까 스피 잘못 여기

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

을하고 무엇인가? 또는 대체 솔루션을 제공 할 수 있습니까?

답변

0

검도를 사용하는 경우 검도 MVVM을 사용할 수 있습니다. Kendo MVVM을 사용하여 뷰에서 JS 객체가 연결될 때 입력 요소의 값이 변경되면 JS 객체의 값이 자동으로 변경 사항을 반영합니다. 따라서 수행 할 작업은 data 모델 = "yourModel"을 사용하여 뷰의 JS 모델을 만들고 뷰의 모델로 설정하는 것입니다. 이 링크 참조 : 시나리오에서 http://docs.kendoui.com/getting-started/mobile/mvvm

여기에 나는이 링크는 당신을 도울 것입니다 생각 : http://demos.kendoui.com/web/mvvm/source.html이 문제는 내가 쓴 검도 모바일 책에서 설명하고 당신을 위해 만들어진 샘플 응용 프로그램의 체크 아웃 화면을 볼 수 있습니다

여기에 책 : http://movies.kendomobilebook.com/

관련 문제