2012-11-28 4 views
2

저는 현재 Apache CordovaJQuery Mobile을 사용하는 iOS 웹 앱에 중점을 둡니다.에 listview이라고하는 표보기와 같은 스타일 페이지를 구현하고 싶습니다. html로 초기 목록보기를 구현하고 싶습니다. 다른 행을 클릭하면 html이 iOS에 메시지를 보내고 네이티브 코드로 요청을 만듭니다. 그 후, 내가 JS에 성공적인 결과를 반환하고 JS 당신이있는 tableview의 행을 클릭하고 새 페이지에 밀려처럼 보이는 목록보기를 업데이트합니다ios Cordova : tableview-like html

을 문제는 여기에 있습니다 :.

  1. 클릭 이벤트를 추가하는 방법은 무엇입니까?
  2. 클릭 이벤트에서 클릭 한 행을 어떻게 알 수 있습니까?
  3. JQuery Mobile을 사용하여 목록보기를 업데이트 할 때 tableview-like 푸싱 애니메이션이 구현되는 방식은 무엇입니까?

저는 웹 앱에 익숙하며 요청 결과가있는 목록을 동적으로 구현하는 데 몇 시간의 비용이 소요됩니다. 그리고 나는 어떻게 나아갈 지 완전히 모른다.

귀하의 도움에 감사드립니다.

답변

3

Ⅰ 및 Ⅱ. 첫 번째와 두 번째 질문에 대한 Here's 예 :

이 코드 예제 :

$('ul.listview-example[data-role="listview"] li').bind('click',function(event, ui){ 
    alert($(this).attr('id')) 
}); 

첫 번째 코드 라인은 모든 목록보기 리 요소에 클릭 이벤트를 바인딩합니다. $ (this)는 선택된 li 요소입니다.

당신이 jQuery를 우리 CSTE 연구진의 버전을 결코 사용하지 않은 경우 (대신 .bind의 (이전 버전에서 당신은 또한 (.live 사용할 수 있습니다

편집 :..

III 나는이 생각 http://jsfiddle.net/Gajotres/YShLE/

+0

감사합니다. 세 번째 질문에 대해서는 UITableView에서 행을 클릭하고 새 페이지가 푸시 된 것처럼 보이는 행 하나를 클릭하면 목록보기 내용을 업데이트하고 싶습니다. 즉, UITableView처럼 푸시 인 애니메이션을 구현하는 방법은 무엇입니까? – scorpiozj

+0

새로운 예를 보아라, 나는 그것을 커버해야한다고 생각한다. – Gajotres

+0

또한 JQuery에서 더 많은 것을 읽고 구현해야합니다. 고마워요! – scorpiozj

관련 문제