Peut SlickGrid de la hauteur de ligne dynamiquement modifié?

Nous mettons en œuvre une préférence de l'utilisateur pour (instantanément) montrer "plus" ou "moins" des données sur la grille. "Plus" devrait augmenter la ligne de hauteur (avec toutes les lignes ayant la même augmentation de la hauteur).

Lorsque l'utilisateur bascule, nous mettons à jour notre DataView, et d'appeler setOptions sur la grille avec une mise à jour rowHeight valeur. Nous appelons alors invalidate() et render().

Mais la hauteur de la ligne n'est pas mis à jour. 🙁

Quelqu'un pourrait-il conseiller une solution? Devrions-nous modifier la hauteur directement via CSS? Dans ce cas, les conseils sur la façon de procéder?

OriginalL'auteur Dave Clausen | 2012-05-10

  1. 5

    Vous pouvez le faire via le css.
    Jetez un oeil à la slick.grid.css fichier et effectuez les modifications désirées.

    Prendre un coup d'oeil à la

    .slick-row.ui-widget-content, .slick-row.ui-state-active classes

    OU

    Vous pouvez utiliser le rowHeight propriété de la SlickGrid

    prendre un regard sur les options de la grille

    https://github.com/mleibman/SlickGrid/wiki/Grid-Options

    Grâce GX pour votre réponse. Notez que je suis à la recherche de dynamiquement mise à jour de hauteur de ligne basé sur l'interaction de l'utilisateur ... modifiant la propriété rowHeight ne semble pas accomplir cela. Quand je peux, je vais essayer le CSS route - si cela fonctionne, je vais marquer ce que l'on a accepté la réponse. Merci encore!
    Avez-vous ce travail?
    Merci de demander @epotter ... en fait je n'ai pas eu la chance (ou la priorité) de revoir ce point. Pourtant, je vais aller de l'avant et de marquer GX réponse acceptée.
    Si vous n'avez pas essayé, pourquoi le marquer comme terminé? J'ai la même question à propos de la hauteur de ligne, mais maintenant je ne sais pas si cette réponse est utile.
    J'ai essayé d'utiliser le rowHeight mais il calcule en px par défaut..je ne peut pas le faire autoIncrease..j'ai essayer de changer la ligne 909 (slickGrid.js) sur auto. Laissez-moi savoir si quelqu'un l'ai eu de travail

    OriginalL'auteur G-Man

  2. 2

    J'ai attaché une fonction à mon grille qui me permet d'élargir la hauteur de ligne:

    var normalHeight = 25;
var expandedHeight = 100;
var columns = [
    {id: "col1", name: "Column 1", field: "col1", expanded: false},
    {id: "col2", name: "Column 2", field: "col2"}
];
var options = {
    rowHeight: normalHeight
};
var dataView = new Slick.Data.DataView();
var grid = new Slick.Grid(element, dataView, columns, options);
grid.updateOptions = function(expanded){
    var columns = grid.getColumns();
    if(!expanded){
        options['rowHeight'] = normalHeight;
        columns[0]['expanded'] = false;
    }else{
        options['rowHeight'] = expandedHeight;
        columns[0]['expanded'] = true;
    }
    grid.setOptions(options);
    grid.setColumns(columns);
    grid.invalidate();
    grid.render();
}

    Il semble fonctionner très bien, espérons que cela est utile à quelqu'un.

    qui et quand doit appeler updateOptions fonction?
    Il a été un long temps depuis que je l'utilise donc je ne suis pas sûr à 100%, mais je pense que j'ai une case à cocher pour choisir si les médias a été développé ou réduit. J'ai appelé cette fonction lorsque la case à cocher changé.

    OriginalL'auteur JstnPwll