Modifiable DataGrid dans AngularJS

Est-il AngularJS module comme pour DataGrid qui donne Dans l'Édition en Ligne? Il y en a un dans KendoUI
http://demos.kendoui.com/web/grid/editing-inline.html

Peut AngularJS & KendoUI être utilisés ensemble?

  • Jetez un oeil à cette réponse ici stackoverflow.com/a/11892676/1057639
  • Thx Ganaraj. Selon votre exp avec AngularJS, combien il est difficile d'écrire un Modifiable de Grille de Données widget (aussi bon que le Kendo UI inline-édition de grille de données), Nous pensons abt portage d'une application silverlight pour AngularJS, de la maturité pensez-vous AngularJS est maintenant.
  • Je pense angulaire est assez mature. La création d'un modifiable de grille de données widget Angulaire devrait être une tâche que quiconque a quelques connaissances ( peut-être un peu avancé! ) Angulaire peut atteindre.
  • Salut Ganaraj connaissez-vous quelqu'un en utilisant AngularJS avec SlickGrid? Tous les pointeurs permettrait, je suis lookng de la directive qui s'enroulent slickgrid
  • Avez-vous essayé la rédaction d'une directive-vous? Il n'est pas vraiment difficile. Si vous passez par mon kendo ui grille d'exemple et de suivre et de comparer la façon dont c'est fait, ça devrait être assez simple. Aussi devrait être en mesure pour vous aider à obtenir commencé la rédaction d'une directive pour SlickGrid.
  • Pourquoi vous utilisateur kendo et angulaire de l'ensemble? Je ne savais pas de kendo, il semble cool.
  • ops, mais.....le kendo n'est pas libre?

InformationsquelleAutor Sutikshan Dubey | 2012-08-18
  1. 45

    découvrez l'interface utilisateur-réseau

    de gabarits, de la virtualisation, simple liaison de données pour la sélection, regroupement, etc...

    • rester à l'écart de ng-grille. Dans son état actuel est trop buggé et lent, et a des tonnes de problèmes, et la version 3 n'est pas prêt à les utiliser.
    • Quelles sont les alternatives? Commercial: KendoUI?
    • honnêtement, je n'ai pas de réponse définitive à cette question. Tous différents grille de widgets, j'ai essayé de ne jamais pleinement satisfait de moi. Ma plus grande que la nécessité est de défilement lisse avec un grand nombre de lignes dans la grille. J'ai même posté cette longue question stackoverflow.com/questions/25676574/... et toujours en attente de quelqu'un pour y répondre. Pour mes besoins propres, actuellement j'ai choisi ux-angularjs-grille de données. Bien qu'il n'est pas à part entière de la grille de widget, beaucoup de choses que vous auriez à mettre en œuvre - comme redimensionnable, déplaçable, colonnes, etc. Mais il est extrêmement rapide
    • Une autre solution pourrait être d'utiliser le trNgGrid: moonstorm.github.io/trNgGrid/release/index.html
    InformationsquelleAutor timothyswt
  2. 10

    regardez cette très générique exemple, où je boucle tout d'abord à travers les lignes, et ensuite à travers les colonnes.
    alors qu'un simple changement entre une plage et un champ de saisie.
    http://jsfiddle.net/3BVMm/3/

    cela vous permettrait de faire la modification en ligne avec quelques lignes de code.

    MAIS: il ne fonctionne pas comme prévu, comme il semble y avoir un bug, que j'ai déjà posté sur angulaire.

    • quel est le bug ?
    • Le bug est toujours là. Si vous tapez dans un champ, il quitte immédiatement.
    InformationsquelleAutor Luke
  3. 9

    Vous pouvez également utiliser Smart Table.

    Exemple, double-cliquez sur un élément dans la colonne solde: http://plnkr.co/edit/QQQd2znPqh87X2oQONd9?p=preview

      label: 'Balance',
  map: 'balance',
  isEditable: true,
  type: 'number',

    Il y a une Dans l'édition en Ligne exemple sur le page d'accueil sous Modifier la cellule section. Cellule en mode edit est entré avec un double-clic.

    Github: lorenzofox3 /Smart-Table

    Il a des caractéristiques comme la pagination, tri, filtrage, mise en forme des données, sélection de ligne et elle génère également une simple structure de la table qui le rend plus facile à coiffer/personnaliser.

    • Pour les futurs visiteurs, je crois que le développeur a supprimé l'édition de Smart-Table, que la section n'existe plus.
    • Oui en effet, car n'est plus d'actualité. Maintenant, smart-table suit une approche déclarative et vous pouvez l'étendre que vous souhaitez en utilisant le contrôleur principal de l'API pour le tableau des opérations spécifiques. D'édition en ligne n'est pas la table, mais vous serez en mesure de faire usage de quelque modifier la directive que vous voulez à l'intérieur de la table, aucun travail supplémentaire!
    • un exemple de la façon dont sera grande. comme la smart table plus.
    • Ajout d'un lien vers un plunker exemple de la façon dont il est utilisé.
    • Grand homme votre meilleur. Oublier l'e-mail.
    • La prochaine sera question lors de l'enregistrement de ces... (il n'Est pas déclarative plus?)
    • Je n'ai pas eu à l'utiliser. Je vous recommande de regarder le code source(peut-être les tests github.com/lorenzofox3/Smart-Table/tree/master/test/spec) et les questions et si vous ne trouvez pas ce dont vous avez besoin pour ouvrir une nouvelle question.

    InformationsquelleAutor Răzvan Flavius Panda
  4. 6

    Vous pouvez également essayer angulaires-xeditable.

    Pour les tableaux, il a suivants:

    InformationsquelleAutor vitalets
  5. 4

    Kendo est de travailler sur AngularJS
    http://kendo-labs.github.io/angular-kendo/

    • hmm, prix à partir de 999 € ttc par développeur
    • vous avez raison, le moment où j'ai écrit cette réponse, il était libre!
    InformationsquelleAutor Saber
  6. 4

    La grille Angulaire De La Grille est capable de faire la modification en ligne. C'est un AngularJS la directive, de sorte que les bouchons dans vos Angulaire de l'app. Est également livré avec d'autres types de fonctionnalités de grille (sélection, filtrage, etc).

    La page de documentation pour l'édition ici

    Faire du montage, ensemble modifiable de vrai dans la définition de la colonne c'est à dire:

    colDef.editable = true;

    Par défaut, la grille qui gère une chaîne de valeur. Si vous voulez faire une gestion personnalisée de la cellule, par exemple, pour le convertir en un entier, ou pour faire de la validation, vous fournir un newValueHandler sur la définition de la colonne c'est à dire:

    colDef.newValueHAndler = function(params) {
    var valueAsNumber = parseInt(params.newValue);
    if (isNaN(valueAsNumber)) {
        window.alert("Invalid value " + params.newValue + ", must be a number");
    } else {
        params.data.number = valueAsNumber;
    }
}
    • vous devez développer et améliorer votre réponse
    InformationsquelleAutor Ceolter
  7. 3

    Vous pouvez utiliser le ng-table directive permettent d'égayer vos tables. Il prend en charge le tri, le filtrage et la pagination. Lignes d'en-tête avec des titres et des filtres sont générés automatiquement lors de la compilation.

    For example

    modifiable démo

    InformationsquelleAutor Prabin Tp
  8. 2

    Vous pouvez faire votre propre en utilisant la richesse de Anguleux. Peut-être que vous n'avez pas besoin de chercher des plugins tiers.

    J'ai fait un échantillon de base qui prend en charge:-

    1. Inline Édition de Lié-Données.
    2. Ajouter de nouvelle Ligne sur la frappe de la dernière Grille de cellules.

    https://plnkr.co/edit/J0PeIlLsaASer4k8owdj?p=preview

    Appliquer un css simple 

    .TextBoxAsLabel
{
   border: none;
   background-color: #fff;
   background: transparent;
    width:100%;
}

//for Dropdown    
.selectable::-ms-expand {   
  display: none; 
}
.selectable{
    -webkit-appearance: none;
    appearance: none;
}

    espérons que cela fonctionne, crois-moi savoir si tous les problèmes.

    InformationsquelleAutor user5767237
  9. 1

    Le plus récent open source angulaire des grilles que je peux voir, c'est l'ux-angularjs-datagrid, je n'ai pas essayé, mais les démos prometteurs...

    https://github.com/webux/ux-angularjs-datagrid

    InformationsquelleAutor Srivathsa Harish Venkataramana