2010-11-16 3 views
0

J'ai regardé plusieurs grilles de données pour l'interface utilisateur JQuery.Grille de données JQuery avec vue formulaire Modifier

J'ai trouvé plusieurs tels que:

* Flexigrid: http://flexigrid.info/ 
* jQuery Grid: http://www.trirand.com/blog/ 
* jqGridView: http://plugins.jquery.com/project/jqGridView 
* Ingrid: http://reconstrukt.com/ingrid/ 
* SlickGrid http://github.com/mleibman/SlickGrid 

Cependant, ce que je dois faire est quand un enregistrement est cliqué, développez l'enregistrement dans une sorte de formulaire en ligne pour l'utilisateur d'entrer des informations. La quantité d'informations dans ce formulaire est beaucoup plus grande que le montant affiché dans chaque ligne de grille.

Par exemple, vous pouvez voir:

Header 
Row 1 
Row 2 
Row 3 
Row 4 
Row 5 

puis cliquez sur la ligne 3 et voir

Header 
Row 1 
Row 2 
Form 
Data input..... input and change data about the item that was in Row 3 
Some more data input from input fields, selects etc. 
End Form 
Row4 
Row5 

Toutes les idées sur la façon d'utiliser l'une de ces grilles de données ou d'une autre addons addon?

Ou une autre façon de faire tout cela ensemble?

Merci!

post-scriptum Je voudrais qu'il aussi professionnel que possible :)

+0

... rien? Je suis toujours venu les mains vides avec chaque recherche google ... – kralco626

+0

Eh bien, je vais aller avec cette idée. J'ai un div avec un bouton et un div dedans. puis je donne à chaque classe une classe et ajoute cette fonction de clic à chaque bouton de cette classe: '$ (this) .parents (". myTestDiv "). chilren (". myTableDiv "). append (" # myTable ")' où myTable est la forme que vous voulez montrer en ligne, et chaque élément de table a cette div avec un div et un bouton dedans. Je posterai une solution quand je l'aurai fonctionné. – kralco626

Répondre

0

Jetez un oeil à http://jeasyui.com

Ils ont, enfoui au plus profond dans les démos, un exemple de ce que vous décrivez. Je n'ai pas pu le trouver sur leur site Web, mais j'ai mis en place une modification dans la table (qui s'étend à une forme plus grande juste en dessous de l'élément de la table).

+0

Je suppose que j'aurais dû vérifier la date de cette demande en premier. Les composants de http://jeasyui.com feront certainement ce que vous demanderez, mais ce n'est pas opensource. Désolé pour la confusion et les modifications tardives. – Patrick

+0

C'est bon. M'a beaucoup aidé. Ce que vous décrivez se trouve à l'adresse http://jeasyui.com/demo/main/index.php. Cliquez sur le lien de texte de gauche appelé "Expand Row Form". – NickNo

Questions connexes