Jquery datatables Cellule Modifiable

J'abandonne comme je l'ai été déconner avec ce depuis 4 heures et je suis tout simplement pas obtenir n'importe où. Lors de l'utilisation de jquery datatables trouvé ici. http://datatables.net/examples/api/editable.html (semble être un très populaire plug-in), je peux obtenir à peu près tout ce que je veux travailler à l'exception de la cellule modifiable partie. J'ai mon fichier dans cet ordre

<script src="JS/jquery.js"></script>
<script src="JS/jquery.dataTables.min.js" type="text/javascript"></script>
<script src="JS/jquery.jeditable.js"></script>
<script src="JS/jquery.validate.js"></script>
<script src="JS/ColReorder.min.js"></script>
<link href="JS/css/jquery.dataTables.css" rel="stylesheet" />

et puis j'ai ce script pour obtenir le tableau initialisé.

function formattable(thistable) {
        //alert(thistable + " from format table")
       //$(document).ready(function () {
            // ADPControlProcessor_Table1
        //$("#ADPControlProcessor_GridView1").dataTable();

        var oTable = $("#ADPControlProcessor_GridView1").dataTable({
                //"bFilter": true,
                "sScrollY": "200px",
                "bPaginate": false,
                "bAutoWidth": false,
                "sDom": 'Rlfrtip'



            //});
            //alert("running");
       });

        //var oTable = $('#example').dataTable();

        /* Apply the jEditable handlers to the table */
        $('td', oTable.fnGetNodes()).editable('../examples_support/editable_ajax.php', {
            "callback": function (sValue, y) {
                var aPos = oTable.fnGetPosition(this);
                oTable.fnUpdate(sValue, aPos[0], aPos[1]);
            },
            "submitdata": function (value, settings) {
                return {
                    "row_id": this.parentNode.getAttribute('id'),
                    "column": oTable.fnGetPosition(this)[2]
                };
            },
            "height": "14px"
        });

Je ne sais pas ce elese à essayer. quelqu'un peut me pointer dans la bonne direction.

  • j'ai mis à jour le post avec la solution .
  • salut miguel, vous devriez poster votre solution comme une réponse, pas une mise à jour de votre question.
InformationsquelleAutor Miguel | 2013-07-04
  1. 5

    vous n'êtes pas initialiser corriger Essayer celui-ci 

    $(document).ready(function() {
        /* Init DataTables */
        var oTable = $('#example').dataTable();

        /* Apply the jEditable handlers to the table */
        $('td', oTable.fnGetNodes()).editable( '../examples_support/editable_ajax.php', {
            "callback": function( sValue, y ) {
                var aPos = oTable.fnGetPosition( this );
                oTable.fnUpdate( sValue, aPos[0], aPos[1] );
            },
            "submitdata": function ( value, settings ) {
                return {
                    "row_id": this.parentNode.getAttribute('id'),
                    "column": oTable.fnGetPosition( this )[2]
                };
            },
            "height": "14px"
        } );
    } );

    ici est l'exemple vivant cliquez ici

    • merci pour la réponse, mais maintenant im obtenir une erreur sur oTable.fnGetNodes n'est pas une fonction???
    • êtes-vous sûr que vous faites partie de ces deux fichiers 1. jquery.dataTables.js et jquery.jeditable.js
    • merci le problème n'était pas avec y compris les fichiers, mais au lieu d'essayer d'initialiser le tableau 2 deux fois.
    • Ok Merci @Miguel
    InformationsquelleAutor Sonu Sindhu
  2. 8

    Au lieu de payer pour l'modifiable plugin, j'ai construit mon propre qui vous êtes libre de l'utiliser. Les pensions de titres sont ici: DataTables CellEdit Plugin

    La base de l'initialisation est rapide et facile:

    oTable.MakeCellsEditable({
    "onUpdate": myCallbackFunction
});

myCallbackFunction = function (updatedCell, updatedRow) {
    console.log("The new value for the cell is: " + updatedCell.data());
}
    • comment obtenir le titre de la colonne nom dans le retour d'appel de la méthode ? Avec updateCell.de données (), je peux obtenir les données, mais vous ne savez pas comment obtenir le nom de la colonne(champ modifié) ?
    • updatedCell est en fait une DataTable.API instance de l'objet, de sorte que tout ce dont vous avez besoin est là: var colonnes = updatedCell.paramètres().init().colonnes; var colIndex = updatedCell.index().colonne; var colName = colonnes[colIndex].de données;
    InformationsquelleAutor Elliott