Feuille de calcul d'édition en ligne dans jqGrid

Je suis à l'aide de jQuery 1.4 et jqGrid 3.8 bêta,

Ici, j'ai utilisé jqgrid table dans laquelle j'ai voulu créer une interface de type excel feuille /feuille de calcul,
où le nombre de lignes vides seront déjà affichée et l'utilisateur peut saisir du dossier dans les cellules du tableau le pourquoi ils ont utilisé pour entrer dans une feuille de calcul.

eh bien, j'ai créé modifiable vide de lignes en cours d'exécution de la boucle de addRowData fonction de JQgrid.
après que j'ai fait quelques champs éditables en spécifiant modifiable:vrai

maintenant, le problème est quand je modifier quelque chose dans un champ et d'écrire quelque chose après que si je me déplace sur une autre ligne, puis la vieille données éditées sur une rangée précédente de ne pas obtenir de magasin sur la table il reçoit disparaître.

ici, est l'exemple vivant essayez de taper dans un champ modifiable et puis passer à la ligne suivante.

http://www.logicatrix.com/example/records.html

  • Que faire si vous voulez passer à la cellule suivante sur un retour, et pas la ligne suivante ... j'ai essayé de changer le ci-dessus avec idOfNextRow être la même que la ligne actuelle, et à l'objectif fixé à la cellule suivante, mais cela ne semble pas fonctionner ...
InformationsquelleAutor Hunt | 2010-08-28
  1. 5

    Votre problème principal est que vous devriez changer de editurl: "#" à editurl: 'clientArray' (voir http://www.trirand.com/jqgridwiki/doku.php?id=wiki:inline_editing#saverow) si vous souhaitez utiliser côté client d'édition.

    Par ailleurs, je vous recommande de supprimer

    <script src="js/jquery.jqGrid.js" type="text/javascript"></script>

    parce que vous insérez avant toutes les pièces nécessaires de jqGrid ("js/grid.base.js" et ainsi de suite).
    Vous devez également copier des images sous-répertoire à partir de l'INTERFACE utilisateur de jQuery.Actuellement, l'une de recevoir des petites erreurs, parce que les fichiers comme http://www.logicatrix.com/example/images/ui-bg_highlight-soft_100_eeeeee_1x100.png pas pu être chargé. Je vous recommande également d'utiliser jQuery UI 1.8.4 au lieu de 1.8.2 jusqu'à la libération de jqGrid de 3,8 à cause de quelques petits problèmes connus.

    Mis à JOUR: Par le moyen d'un exemple de travail de client du côté de l'édition, vous pouvez voir sous http://www.ok-soft-gmbh.com/jqGrid/ClientsideEditing4.htm (double-cliquez dessus et ENTREZ pour la ligne d'édition). J'ai préparé avant pour la réponse Comment faire pour désactiver la mise à jour automatique lorsque jqGrid édité?. Un simple changement de l'exemple qui va vous donner le code que vous avez probablement besoin d'.

    • Merci beaucoup pour la réponse , en précisant clientArray permettra de résoudre la moitié de mon problème, mais , imaginez le speread feuille/ fichier excel , dans lequel si vous tapez quelque chose dans une cellule, puis il se stocker dans un tableau ( u, n'ont pas besoin d'appuyer sur entrée pour stocker des valeurs dans le tableau), alors que dans jqgrid en appuyant sur enter pour enregistrer les données dans la table. donc je veux aller à la ligne suivante lorsqu'un utilisateur appuie sur entrée et si un utilisateur tape quelque chose dans la cellule il se stockées dans la table tout de suite s'il vous plaît.
    • Désolé, mais je ne comprends pas ce que vous voulez à mettre en œuvre. Voulez-vous entièrement à l'écriture Excel en JavaScript? Excel a beaucoup plus de fonctionnalités. Si vous voulez sélectionner la ligne suivante, vous pouvez utiliser jQuery("#bms-record-grooms").setSelection(idOfNextRow, true) et puis jQuery ('#' + idOfNextRow + '_name').focus() (comme jQuery('#1_name').focus() où "nom" est le nom de la colonne qui doit recevoir le focus). Mais si vous voulez faire plus de simulation d'Excel dans le code JavaScript de votre programme pourrait sera très grande.
    • je voulais dire , je veux remplacer la valeur par défaut de la fonctionnalité de la pression sur la touche enter , si un utilisateur tapez quelque chose dans une cellule, si après cela il a appuyez sur entrée, puis il va passer à la ligne suivante et les données de la ligne précédente seront enregistrées dans une table des clients
    • Essayez de ok-soft-gmbh.com/jqGrid/ClientsideEditing5.htm
    • Merci beaucoup pour l'exemple , j'ai juste remplacé restoreRow avec saveRow pour mettre en œuvre ce que je voulais , merci beaucoup pour m'avoir aidé.
    • Vous bienvenue! Il est parfois facile d'expliquer avec un exemple que l'on peut faire à écrire une description longue de "Comment faire pour ..." 🙂
    • désolé mais j'ai une autre question que j'ai remplacé restoreRow avec saveRow. Comme je l'ai passer à une autre ligne, les données de la case à cocher est arriver copié. je veux juste enregistrer les informations si un utilisateur tapez quelque chose dans si une ligne est vide je ne veux pas de l'enregistrer (sans appuyer sur la touche entrée) j'ai mise à jour de la question ici logicatrix.com/example/records.html

    InformationsquelleAutor Oleg