Discussion :

[youchlure]

Bonjour,

j'ai une page avec deux onglets.
- Sur la première, un tableau avec des données : ID et lib.
- Sur le second j'ai fais un tableur et je souhaite qu'il affiche les données du tableau (Id et lib).

Le problème est que cela ne passe jamais dans la seconde page donc j'en déduis que l'appel Js ne se passe pas bien.

Voici ma page principale comprenant entre autre la div avec les deux onglets et la div qui contient le tableur ainsi que le code JS :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<nav class="page_menu menu_tabs">
    <ul>
        <li data-box="generale" class="selected"><?php echo langage::write("vue_generale"); ?></li>
        <li data-box="tableur" id="a_tableur"><?php echo langage::write("tableur"); ?></li>
    </ul>
</nav>

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!--TABLEUR-->
 
<div id="page_content_tableur" class="hidden">
        <div id="page_content_marque" >
            <div>
                <p class="bold">
                    <?php echo langage::write('modifier_le_libelle_des_marques');?>
                </p>
                <div class="tableur_marques">
                </div>
            </div>
        </div>
       <div class="text_right">
        <input type="submit" value="Enregistrer" class="green_button" />
       </div>
    </div>
</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
    (function ($) {
 
       $(".menu_tabs li:second").click();
        //var handsone_marques;
 
 
        var myRenderer = function (instance, td, row, col, prop, value, cellProperties) {
            Handsontable.renderers.TextRenderer.apply(this, arguments);
            if (cellProperties.check_error) {
                $(td).addClass('check_error');
            } else {
                $(td).removeClass('check_error');
            }
        };
 
 
        var defaultOptions = {
            manualColumnMove: false,
            manualColumnResize: false,
            manualRowResize: false,
            stretchH: 'all',
            outsideClickDeselects: false,
            rowHeaders: true,
            colHeaders: true,
            fixedColumnsLeft: 5,
            columnSorting: false,
            //contextMenu: true,
            contextMenu: ['row_above', 'row_below', 'remove_row', '-----------', 'undo', 'redo'],
            minRows: 5,
            autoColumnSize: true,
            //debug: true,
        };
        defaultOptions.afterChange = function (changes, source) {
            console.log(arguments);
        };
 
        defaultOptions.beforeChange = function (changes, source) {
            console.log(arguments);
        };
 
        defaultOptions.beforeValidate = function (value, row, prop, source) {
            console.log(arguments);
        };
 
        defaultOptions.cells = function (row, col, prop) {
            var cellProperty = {};
            cellProperty.language = "fr";
            return cellProperty;
        };
        $.ajax({
            url: "categorie_marques_tab.php",
            type: "get"
 
        }).done(function (data) {
            var errors = data.errors || {};
            var options = $.extend(defaultOptions, data);
 
            $('.tableur_marques').handsontable(options);
            //handsone_marques = $('.tableur_marques').handsontable("getInstance");
           // handsone_marques.updateSettings(options_menu);
        });
 
    })(jQuery);

Merci encore pour votre aide !

[Golgotha]

Bonjour,

Qu'est ce que tu veux faire avec cette ligne : $(".menu_tabs li:second").click();
Si tu veux "binder" l'event il faut une fonction associé non ? .click(function(){ ... });

[youchlure]

Effectivement je n'en avais pas besoin!

Du coup j'ai réussi à récupérer les données du tableau et les insérer dans mon tableur.

J'ai une dernière question, comment updater les données que je change dans mon tableur?

j'ai construit un bouton Enregistrer qui prendrait ce role.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
    <div id="page_content_tableur" class="hidden">
        <div id="page_content_marque" >
            <div>
                <p class="bold">
                    <?php echo langage::write('modifier_le_libelle_des_marques'); ?>
                </p>
                <div class="tableur_marques">
                </div>
            </div>
        </div>
 
       <div class="text_right">
            <input type="submit"  class="green_button"  value="Enregistrer"/>
        </div>

Dans mon tableau j’avais un bouton modifier que j'obtenais grâce à l'ouverture d'une popup.
voici le code :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<?php
 
 
if (isset($_REQUEST['id'])) {
    $id_marque = $_REQUEST['id']; 
}    else {
    echo "alerte lib marques_upd_event.php";
}
 
$marque = marque::getInstance($id_marque); ?>
<div style="padding: 20px 10px;">
    <form action="marques.php"  method="POST" id="form_upd_marque">
        <input type="hidden" name="id_marque" value="<?php echo $marque->getId(); ?>" />
        <input type="hidden" name="action" value="update" />
        <table class="default_table" style="width: 400px;">
            <tr>
                <td style="width: 100px;"><?php echo langage::write('libelle'); ?></td>
                <td style="width: 250px;"><input type="text" name="libelle" id="libelle" style="width: 220px;" value="<?php echo $marque->getLib(); ?>"></td>
            </tr>
        </table>
        <button class="blue_button" style="margin-left: 120px; margin-top: 15px;"><?php echo langage::write('modifier'); ?></button>  
    </form>
</div>
 
<script type="text/javascript">
    $j("#form_upd_marque").submit(function (evt) {
        evt.preventDefault();
        if ($j('#libelle').val().length == 0) {
            lm_alert("<?php echo langage::write("veuillez_renseigner_le_nouveau_libelle_de_la_marque"); ?>");
        } else {
            $j(this).request().done(function (content) {
                if (content == "NOK") {
                    lm_alert("<?php echo langage::write("la modification_na_pas_pu_etre_effectue"); ?>");
                } else if (content == "OK") {
                    lm_alert("<?php echo langage::write("la_modification_de_la_marque_a_bien_été_effectué"); ?>");
 
                    $j.navigation.goToPage("marques.php");
                }
            });
            PopupV4.get("pp_upd_marque").close();
        }
    });
 
</script>

Pourriez vous m'aider à faire le lien entre les deux ? Ou dois je faire quelque chose de complètement différent?

[danielhagnoul]

Je vois que la discussion est marquée résolue, mais...

Je ne connais pas le plugin "handsontable" et je comprends mal vos codes (PHP !).

Avez-vous suivi la procédure recommandée par la documentation, voir : http://docs.handsontable.com/0.23.0/demo-jquery.html

[youchlure]

Erreur de manip pour sujet résolu

pour ce qui est de la fonction hansontable, voici le code récupéré :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
   public function getHandsontable() {
        $bdd = \PDO_etendu::getInstance();
 
        $params = array();
        $params['columns'] = array();
        $params['colHeaders'] = array();
        $params['colsRefs'] = array();
        $params['outsideClickDeselects'] = true;
        $params['stretchH'] = 'all';
        $params['settings'] = array('contextMenu' => false, 'rowHeaders' => true);
 
 
        $params['data'] = array();
        $params['errors'] = array();
 
        $query = "SELECT ic.* FROM `imports_cellules` ic"
                . " JOIN `imports_lignes_cibles` ilc USING(`id_ligne_cible`)"
                . "WHERE ilc.`id_import` = " . $bdd->quote($this->id_import) . " ORDER BY ilc.`id_ligne_cible` ASC, ilc.`ordre` ASC";
        $res = $bdd->query($query);
 
        $data = array();
        while ($cel = $res->fetchObject()) {
            if(!isset($data[$cel->id_ligne_cible])) { $params['data'][$cel->id_ligne_cible] = array(); }
            $data[$cel->id_ligne_cible][$this->mapping[$cel->index_mapping]] = $cel->valeur;
            /*
            if (!empty($tmp->etat)) {
                $data[intval($tmp->fichier_numero_ligne)]['error'] = $tmp->etat;
                $params['errors'][intval($tmp->fichier_numero_ligne)][$tmp->ref_colonne] = $tmp->etat;
            } */
        }
 
        $params['data'] = array_values($data);
 
        $colonnes_structures = $this->_import_type->getStructure();
        foreach ($this->mapping as $key_lm) {
            if (isset($colonnes_structures[$key_lm])) {
                $col = array();
                $col['data'] = $key_lm;
                $col['type'] = 'text';
 
                if (!empty($colonnes_structures[$key_lm]['type'])) {
                    $col['type'] = $colonnes_structures[$key_lm]['type'];
                }
                if (!empty($colonnes_structures[$key_lm]['name'])) {
                    $col['libelle'] = $colonnes_structures[$key_lm]['name'];
                }
                if (!empty($colonnes_structures[$key_lm]['language'])) {
                    $col['language'] = $colonnes_structures[$key_lm]['language'];
                }
                if (!empty($colonnes_structures[$key_lm]['format'])) {
                    $col['format'] = $colonnes_structures[$key_lm]['format'];
                }
 
                $params['colHeaders'][] = $col['libelle'];
 
                $params['columns'][] = $col;
            }
        }
 
        return $params;
    }