녹아웃 jquerymobile 접을 수있는 패널 (편집 및 취소/저장)

Question

접을 수있는 패널 (모바일 용)에 대한 녹아웃 바인딩에 몇 가지 문제가 있으며 누군가 도움을 줄 수 있기를 바랍니다.

나는 요약과 양식을 가지고 있고, 동적 패널을 만들어 :

는 여기에 내가 달성하기 위해 노력하고있어입니다. 이 패널에서 헤더는 분기 이름에 바인드됩니다. 콘텐츠에 요약 정보가 포함되어 있습니다.

각 [Branch Name] 제목에서 "Edit"버튼을 추가하고 싶습니다. (클릭하면) a) ​​"Save"및 "Cancel"버튼으로 대체하십시오. b) 나머지 섹션의 다른 모든 "편집"버튼을 숨 깁니다. 저장 또는 취소 조치가 호출되면 모든 편집 단추가 다시 표시됩니다.

편집 모드에서, 내가 라벨을하고 싶습니다

는 입력 필드

물론 나는 정의 [코] 바인딩을 필요로이 모든 것을 믿고있어로 대체합니다 -하지만 난 그냥 수 없습니다 그것을 알아낼 것 같습니다.

미리 감사드립니다. http://jsfiddle.net/sal_andani/pvsky/4/

Answer 1

시작하는 몇 가지 팁이에 data-inline="true"을 추가하려고 :

여기 검토 샘플 jsFiddle의

<div data-role="collapsible" data-collapsed="false" data-mini="true" data-theme="a" data-inset="false" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u" data-enhance="true"> 

는 [내가 편집을 좋아하는 저장 취소 버튼을 할 위치입니다] 버튼. 입력 내용을 태그로 변경해야 할 수도 있습니다. 그런 다음 CSS를 크기, 위치, 레이블 등으로 편집하십시오.

그런 다음 javascript에서 일부 jQuery .css()을 사용하면 푸시 할 때 적절한 버튼을 숨기거나 표시 할 수 있습니다.

처음에는 레이블을 사용하여 쉽게 삭제하고 사용하지 않는 입력으로 시작하십시오. 다시 .css()을 사용하여 편집/저장/취소를 위해 javascript 함수에서 비활성화 된 속성을 추가/제거하십시오.