2010-11-08 11 views
1

Est-il possible d'avoir une installation de forage dans la datation Jquery?Déclenchement dans Jquery datable

Par exemple, je veux montrer la sortie comme ci-dessous.

Code de l'organisation

+ Org1 O1

sur l'expansion de Org1,

Il doit afficher,

-Org1

+ Department1 D1

Lorsque nous élargissons Département1,

il devrait afficher

+ EmployeeName1 Fonct.1

comme ça ....

Toutes les autres solutions en dehors de Jquery datatable comme gridview sera également recommandée.

Répondre

0

Eh bien, je pense que cette exigence n'est pas bonne. Très difficile à mettre en œuvre. Essayez de ne pas concevoir votre interface utilisateur de cette manière. Si vous insistez, ma suggestion est la suivante: faites les opérations de réduction/expansion dans un "div", mais pas dans l'un des éléments "tr". (Je veux dire, le fonctionnement de l'effondrement/expland ne changera pas le numéro de la ligne de la table)

par exemple:

état d'effondrement:

 
row1: +Org1 
row2: +Org2 
row3: +Org3 

statut élargi:

 
row1: -Org1 
      +Department1 
row2: +Org2 
      -Department2 
      +Employee2.1 
      +Employee2.2 
row3: +Org3 

Conseils D'autres vous devrait savoir, dataTable nous donne 3 caractéristiques les plus importantes:

  • pagination
  • filtrage
  • commande

Si vous réduisez & développer une ligne, vous obtiendrez des problèmes sur: comment re-paginate, comment redessiner votre table, et comment réorganiser la la disposition de la table? Pour autant que je sache, "dataTable" est facile à démarrer, mais difficile à aller plus loin, surtout quand vous voulez ajouter vos propres nouvelles fonctionnalités, vous devez modifier son code source (et 15 minutes plus tard, vous abandonnerez ...)

Parce que, dataTable basé sur:

  1. la structure de votre table doit être très claire et facile, vous ne devraient s'effondrer une ligne ou une colonne.
  2. Dans la table cible, il n'y a pas de logique javascript compliquée, en particulier celles qui peuvent modifier la disposition de votre table.

Enfin, peut-être cette page vous donnera une idée de ce que vous voulez: http://jquery-datatables-row-grouping.googlecode.com/svn/trunk/collapsibleGroups.html

Questions connexes