Comment redimensionner dynamiquement jqgrid à la taille de la fenêtre courante?
Comment redimensionner dynamiquement jqgrid à la taille de la fenêtre courante (basé sur javascript /jQuery)
Meilleur exemple est ici (TinyMCE):
Goto: http://www.tinymce.com/tryit/full.php
Puis essayez d'appuyer sur CTRL+ALT+F ou Menu->View->Plein Écran
S'il vous plaît aider, j'ai débutant connaissance en js/jquery (je sais plus du langage PHP).
C'est comme ça que j'appelle jqgrid:
$grille->renderGrid('#grid','#pager',true, null, null, true,true);
..remerciant à l'avance
C'est ce que je ment si vous me comprenez.
Je voudrais ajouter un bouton personnalisé à la gridNav à fonctionner comme basculer entre élargie à l'affichage normal (comme une tinyMCE éditeur a!!)
Ma grille de table a beaucoup de colonnes (long de défilement horizontale) c'est pourquoi je suis venu à l'idée de faire enrager l'ensemble de la table.
Le code du bouton...
$buttonoptions = array("#pager", array(
"caption"=>"Resize",
"onClickButton"=>"js:function(){ ... resize call here ...}", "title"=> "Resize"
)
);
$grid->callGridMethod("#grid", "navButtonAdd", $buttonoptions);
Vous devez vous connecter pour publier un commentaire.
setGridWidth(new_width, rétrécissement): Définit une nouvelle largeur de la grille de manière dynamique.
new_width: Il sera la nouvelle largeur (en pixels).
d'une réduction (par défaut à true) :
vrai -> Il permettra de redimensionner les colonnes dans la grille en fonction de la actuellement redimensionnée jqGrid largeur.
faux -> Il va ajouter des colonne vide à la fin de jqGrid, si actuellement redimensionnement de la largeur de jqGrid dépassera sa configuration jqGrid largeur.
Courtesty de mfs.
Basé sur display:flex; la solution est disponible ici:
Plnkr
Testé sur:
Espère que cela aide.
Edit:
J'ai essayé de résoudre le même problème: certains ont conteneur qui se contracte et s'étire en fonction de la taille de la fenêtre du navigateur.
CSS seule solution broches points:
CSS pour jqGrid
CSS pour organiser flex mise en page:
et enfin de l'échantillon de balisage:
dans .js ne
n'avez pas besoin de définir la largeur ou la hauteur. (de toute façon ils seront ignorés)