ajax, jQuery와 동적으로 양식을 작성하십시오
https://stackoverflow.com/questions/1823241
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian문제
PHP / MySQL / CodeIgniter / JQuery로 매우 작은 웹 ERP 응용 프로그램을 구축하고 있습니다.
청구서/송장은 구축되었습니다
current date
client data
etc
이제 페이지를 다시로드/제출하지 않고 생성되는 새 송장에 제품을 추가해야합니다. 각 제품에는 Qtty., 설명, 단가, 하위 운동 등이 있습니다.
Ajax/JQuery를 사용하여 각 제품 "행"을 추가하고 싶습니다.
- 제품 양식을 어떻게 동적으로 구축해야합니까? AJAX를 사용하여 사용자가 새 제품 행을 추가하거나 송장에서 제품 행을 제거 할 수 있도록 허용합니까?
- 송장 총계를 얻기 위해 동적으로 추가 된 모든 "행"을 양식으로 요약하는 방법은 무엇입니까?
- 그리고 송장 테이블에 올바른 송장 레코드를 삽입하고 제품 레코드를 Products_Invoices 테이블에 삽입 할 수 있도록 모든 게시물 데이터를 어떻게 수신하고 처리해야합니까?
편집 : 여기에서 내가하고 싶은 일의 예제를 볼 수 있습니다.
http://www.bambooinvoice.org/index.php/invoices/newinvoice
edit2 :이 jQuery 플러그인은 내가 찾고 있던 것 같습니다.
http://code.google.com/p/jquery-dynamic-form/
해결책
기본적으로 사용자가 새로운 데이터 행을 계속 추가 할 때 양식 요소를 DOM에 동적으로 추가해야합니다. jQuery는 DOM 노드에 액세스/수정하기 위해 표준 API를 사용하는 데 많은 도움이 될 것이라고 생각합니다.
수치를 요약하려면 숫자 필드를 특별한 고리로 랩핑해야합니다. <span id="value_x">34</span> 어디 x 카운터입니다. 그러한 새로운 데이터를 추가 한 후에는 span 요소와 값을 합치고 같은 필드에 표시하십시오. $("#sumtotal").innerHTML = sum;
양식으로 동적 업데이트 후 사용자가 제출 버튼을 클릭하면 모든 양식 데이터가 일반 게시물 데이터로 서버로 이동합니다. 올바른 사용해야합니다 name 그리고 id 서버에서 처리하고 일부 데이터베이스 테이블을 업데이트하려는 데이터 필드의 속성.
다른 팁
JQuery를 사용하고 있으므로 JQuery Grid 플러그인을 사용하여 제품 행 섹션을 구현합니다.
구성 가능하고 유연하며 AJAX를 사용하여 행을 수동 또는 자동으로 채우는 행을 채울 수 있습니다 (간단한 PHP 백엔드가있는 MySQL 테이블에서 직접 읽을 수 있음). , 페이지 매김을하기 위해 (많은 행이 필요한 경우, 우리는 더 많은 15.000 행으로 성공적으로 그것을 사용하고) 추가 및 기타 작업을 수행합니다.
도움이되기를 바랍니다!
