Exemplo de como utilizar o inline formset

[Fellipe Henrique]

Amigos,

Estou usando o inline do formset para que o usuário possa adicionar os itens no pedido. até aí tudo bem, ele exibe como padrao 3 "linhas"  de itens.. mas para incluir mais 1 tem que salvar tudo e entrar denovo no form.

Minha pergunta é a seguinte, como eu faço pra incluir um novo item no inline sem precisar ter que salvar o form inteiro?

Obrigado.

T.·.F.·.A.·.     S+F

Fellipe Henrique P. Soares

"Quemadmodum gladius neminem occidit, occidentis telum est." (Epistulae morales ad Lucilium, Lucius Annaeus Seneca)

"Any intelligent fool can make things bigger, more complex, and more violent. It takes a touch of genius -- and a lot of courage -- to move in the opposite direction." 

Albert Einstein (March 14th 1879 – April 18th 1955)

[Gileno Alves]

Olá Fellipe,

primeiramente você irá precisa de javascript (recomendo a lib jQuery) para que colocar algo parecido com o que tem no Inline do Admin, onde aparece um botão "adicionar outro" e ao clicar aparece outro formulário.

Veja como o formset é renderizado, e perceba como poderá replicar um form específico (seria uma cópia). Depois é preciso fazer um javascript que ao clicar num botão qualquer ou outra coisa apareça outro form de um item, se você percebe o atributo "name" dos forms eles tem uma sequência: 

name="algumacoisa-0-nome_do_campo1"

name="algumacoisa-0-nome_do_campo2"

Nesse javascript é preciso aumentar esse número ai, no caso o: 0 (zero). Para saber qual o número do último form e adicionar +1 para criar o novo form você pode acessar o valor dos inputs do "management" é algo como: "algumacoisa-TOTAL_FORMS".

Pegue o valor deste campo e use-o para o próximo form e depois lembre-se de adicionar +1 neste campo para que django saiba quantos forms você está submetendo

2013/1/16 Fellipe Henrique <fell...@gmail.com>

--
 
 

--
Gileno Filho, Web Developer

http://www.gilenofilho.com.br | gasc...@gmail.com | http://www.pycursos.com

[Ernesto Guevara]

Você pode ter o mesmo comportamento do formset inline do admin do django na sua app usando este jquery:

http://code.google.com/p/django-dynamic-formset/wiki/Usage

Exemplo de uso traduzindo o "adicionar" e "remover" inlines dinamicamente no formset:

http://pastebin.com/Yu9qubYz

--
 
 

[Fellipe Henrique]

Valeu amigos, muito obrigado.

T.·.F.·.A.·.     S+F

Fellipe Henrique P. Soares

"Quemadmodum gladius neminem occidit, occidentis telum est." (Epistulae morales ad Lucilium, Lucius Annaeus Seneca)

"Any intelligent fool can make things bigger, more complex, and more violent. It takes a touch of genius -- and a lot of courage -- to move in the opposite direction." 

Albert Einstein (March 14th 1879 – April 18th 1955)

--
 
 

[Rodrigo Savian]

Fellipe,

Postei uma solução que utilizo no pastebin [1], funciona muito bem aqui. Talvez os feras em JS podem melhorar muito o código, mas a idéia é boa, rsrsrs. :D

Neste código utilizo underscore.js [2] e jquery [3]. Qualquer dúvida só pergunta que a gente responde!

Um abraço!

[1] pastebin - http://pastebin.com/H1K6nzHn

[2] underscore.js - http://underscorejs.org/

[3] jquery - http://jquery.com/

[Fellipe Henrique]

Obrigado amigos, Rodrigo estou usando utilizando seu codigo, e apareceu um outro problema, nada tem a ver com seu código,

quantize result has too many digits for current context

dá erro nessa linha do template:  <td>{{ form.idproduto }}</td>  

Porém, o idproduto é um FK pra um model.

O que pode ser esse erro?

T.·.F.·.A.·.     S+F

Fellipe Henrique P. Soares

"Quemadmodum gladius neminem occidit, occidentis telum est." (Epistulae morales ad Lucilium, Lucius Annaeus Seneca)

"Any intelligent fool can make things bigger, more complex, and more violent. It takes a touch of genius -- and a lot of courage -- to move in the opposite direction." 

Albert Einstein (March 14th 1879 – April 18th 1955)

--
 
 

[Fellipe Henrique]

Rodrigo, agora fui verificar o codigo em si, e quando clico no <a ele não chama a function, eu coloquei o codigo do script dentro de um <script  no inicio da pagina era isso mesmo?  o que pode estar acontecendo de nao chamar a funcao?

T.·.F.·.A.·.     S+F

Fellipe Henrique P. Soares

"Quemadmodum gladius neminem occidit, occidentis telum est." (Epistulae morales ad Lucilium, Lucius Annaeus Seneca)

"Any intelligent fool can make things bigger, more complex, and more violent. It takes a touch of genius -- and a lot of courage -- to move in the opposite direction." 

Albert Einstein (March 14th 1879 – April 18th 1955)

[Rodrigo Savian]

o código JS precisa estar assim:

<script>

$(document).ready(function() {

    ... o JS que te passei;

});

</script>

e também pode estar no final da página, seguindo as boas práticas :D

um abraço