Comment changer le thème de la jqGrid?
Je suis à la recherche de la façon de changer les jqGrid thème pour la version actuelle.
J'ai commencé à utiliser des jqGrid dans mon ASP.Net MVC 2 application récemment et télécharger une démo de la solution/projets. J'ai essayé de changer le thème de la grille en modifiant le thème de l'interface utilisateur javascript
mais il ne fonctionne pas pour moi. En regardant les document ne m'aide pas beaucoup!
Comment êtes-vous changer le jqGrid du thème?
Je suis à la recherche de:
- Liste des fichiers css utilisés pour configurer l'interface utilisateur de la grille.
- Des mesures pour modifier un thème pour un nouveau thème
- Préfèrent se référer au thème en ligne .css/.js url afin de mettre à jour le thème de la dernière version automatiquement
OriginalL'auteur Nam G VU | 2010-09-16
Vous devez vous connecter pour publier un commentaire.
jQuery interface utilisateur ThemeRoller fournit 24 thèmes.
jqgrid
thème, il vous suffit de télécharger Redmond(faites Défiler vers le bas et sélectionner le thème cliquez sur le bouton Télécharger) thème en sélectionnantGallery
onglet, puis cliquez sur Calendrier image pourpreview the theme
puis cliquez surDownload
bouton de téléchargement.jquery-ui-1.10.4.custom
et de le coller sousthemes -> redmond
dossier.Ci-dessous sont les fichiers à appliquer le thème en jqgrid.
Exemple:
Changement jqgrid thème utilise
jquery-ui-1.10.4.custom.css,
jquery-1.10.2.js,
jquery-ui-1.10.4.custom.js
fichiers.Étape: 1
Étape: 2
OriginalL'auteur pudaykiran
Pas pour jQueryUI thèmes, mais vous pouvez basculer entre les jQueryUI et bootstrap variantes. Je suis avec free jqGrid (une branche de trirand jqGrid), et vous pouvez ajuster le look-and-feel avec deux options principales:
guiStyles
(https://github.com/free-jqgrid/jqGrid/blob/master/dist/jquery.jqgrid.src.js#L600):jQueryUI
,bootstrap
,bootstrapPrimary
,bootstrap4
icons
: (https://github.com/free-jqgrid/jqGrid/blob/master/dist/jquery.jqgrid.src.js#L389):jQueryUI
,fontAwesome
,glyph
OriginalL'auteur Csaba Toth