jqGrid fournit un grand nombre de paramètres d'options. Les développeurs peuvent contrôler jqGrid en définissant les valeurs correspondantes des options, par exemple la largeur, la hauteur, le type de données, le nom de la colonne, etc. complété via les paramètres d’option. Les options de jqGrid se présentent généralement sous la forme de nom:valeur (nom:valeur), et peuvent également être configurées sous forme d'objet (objet) et de tableau (tableau).
Option jqGrid(Option)
Pour appeler jqGrid, il vous suffit d'exécuter le code suivant :
jQuery("#grid_id").jqGrid(options);
les options sont les paramètres d'option de jqGrid, veuillez vous référer au tableau suivant.
Propriétés | Tapez | Description | Valeur par défaut |
ajaxGridOptions | objet | Cet élément est utilisé pour définir les propriétés globales d'ajax lorsque le paramètre de table obtient des données. Notez que cet élément peut remplacer tous les paramètres ajax actuels (y compris les événements error, complete et beforeSend). | vide |
ajaxSelectOptions | objet | Cet élément est utilisé pour définir les propriétés globales d'ajax lors de la sélection d'éléments via dataUrl dans les objets editoptions ou searchoptions. | vide |
classe alternative | chaîne | Classe pour alterner les lignes.Ceci n'est valide que lorsque altRows est défini sur true. | ui-priorité-secondaire |
altRows | booléen | Définir comme tableau de lignes alternées | faux |
encodage automatique | booléen | Lorsque défini sur true, encode les données du serveur et les données soumises. Par exemple, < sera converti en < | faux |
largeur automatique | booléen | Lorsque la valeur est true, la largeur du tableau correspondra automatiquement à la largeur de l'élément parent. Cette correspondance n'est effectuée que lors de la création du tableau. Afin de faire changer le tableau lorsque la largeur de l'élément parent change, vous pouvez utiliser la méthode setGridWidth | .faux |
légende | chaîne | Le titre du tableau. Affiché sur l’en-tête. Il ne sera pas affiché s'il est vide. | vide |
cellLayout | entier | Cette propriété détermine la largeur de la bordure de remplissage de la cellule. Habituellement, cet attribut n'est pas modifié, mais si l'élément td est modifié dans le CSS du tableau, cet attribut doit être modifié. La valeur par défaut 5 signifie paddingLef(2) paddingRight(2) borderLeft(1)=5 | 5 |
celluleModifier | booléen | S'il faut autoriser l'édition de cellules. | faux |
soumission de cellule | chaîne | Déterminez si le contenu de la cellule est enregistré dans un tableau distant ou clientArray. | 'à distance' |
cellurl | chaîne | L'URL enregistrée dans la cellule. | nul |
colModèle | tableau | Décrit le tableau de paramètres de colonne. Il s'agit de la partie la plus importante du tableau, voir colModel API. | pour plus de détailsnul |
Noms de col | tableau[] | Tableau de noms de colonnes. Ce nom sera affiché dans l'en-tête. Les noms sont séparés par des virgules et le nombre doit être égal au nombre de tableaux colModel | vide |
données | tableau | Enregistrez les données locales sous la forme d'un tableau. | vide |
datastr | chaîne | Lorsque le type de données est défini sur xmlstring ou jsonstring, il s'agit d'une chaîne de données. | nul |
type de données | chaîne | Définissez le type de données que la table espère obtenir. Les valeurs valides sont : XML —données XML xmlstring—chaîne XML json—Données JSON jsonstring—Chaîne JSON local—données client (tableau) javascript—données javascript fonction : la fonction renvoie des données |
xml |
désélectionnerAprèsSort | booléen | Applicable uniquement lorsque le type de données est local. Désélectionne les lignes actuellement sélectionnées lorsqu'un tri est appliqué. | vrai |
direction | chaîne | Sens d'écriture dans le tableau."ltr" de gauche à droite (par défaut), "rtl" de droite à gauche | ltr |
éditurl | chaîne | Définir l'URL de l'adresse de modification en ligne | nul |
enregistrements vides | chaîne | Les informations affichées lorsque la quantité retournée (ou actuelle) est nulle. Cet élément n'est valide que lorsque viewrecords est défini sur true. | |
DévelopperColClick | booléen | Lorsque c'est vrai, cliquez pour développer le texte de la ligne, et le treeGrid se développera ou se réduira | vrai |
Développer la colonne | chaîne | Spécifiez la colonne (le nom vient de colModel) utilisée pour développer le treeGrid. Si elle n'est pas définie, la première colonne est utilisée.Cet élément n'est valide que lorsque treeGrid est vrai. | nul |
pied de page | booléen | Si défini sur true, une ligne de pied de page sera générée avec le nombre de colonnes égal à colModel | faux |
forceFit | booléen | Si défini sur true et que la largeur des colonnes est modifiée, les colonnes adjacentes seront également ajustées pour s'adapter à l'ensemble du tableau et les barres de défilement horizontales n'apparaîtront pas. | faux |
état de grille | chaîne | L'état actuel de la table. Soit visible, soit caché | visible |
vue en grille | booléen | Le réglage sur vrai augmentera la vitesse d'affichage de 5 à 10 fois.Mais vous ne pouvez plus utiliser les événements treeGrid, subGrid ou afterInsertRow | faux |
regroupement | booléen | S'il faut définir un groupe de table | faux |
hauteur | mixte | Hauteur de la table. Peut être une valeur, un pourcentage ou une auto | 150 |
grille cachée | booléen | Si défini sur true, le tableau commencera à être masqué, les données ne seront pas chargées et seul le titre sera affiché. Lorsque vous cliquez pour la première fois sur le bouton Afficher/Masquer pour afficher le tableau, les données sont chargées depuis le serveur. | faux |
cache-grille | booléen | S'il faut autoriser la disponibilité des boutons Afficher/Masquer. Disponible uniquement si le titre n'est pas vide. | vrai |
survols | booléen | Si la ligne du tableau a un effet de survol de la souris | vrai |
jsonReader | tableau | Tableau de structure de données JSON | |
dernière page | entier | Le nombre total de pages renvoyées par la requête | 0 |
dernier tri | entier | Numéro de colonne pour le tri (à partir de 0) | 0 |
charger une fois | booléen | Lorsque la valeur est true, la table lit les données du serveur (en utilisant le type de données approprié) une seule fois. Après cela, le type de données passe automatiquement en local, toutes les autres opérations sont effectuées sur le client et sur la fonction de pager (si elle existe). ) sera désactivé. | faux |
charger le texte | chaîne | Texte affiché lorsque les données sont demandées et triées | Chargement… |
loadui | chaîne | Cet élément contrôle l'action lorsque le processus ajax est en cours. Désactiver : Annulez les instructions de processus de jqGrid. Les instructions personnalisées peuvent être utilisées. activer (par défaut) : le chargement est affiché au milieu du tableau. block - Affiche un message « Chargement », désactivant toutes les fonctionnalités de la page jusqu'à ce que le chargement des données soit terminé. | activer |
mtype | chaîne | Définir le type de soumission POST ou GET | OBTENIR |
multitouche | chaîne | Cet attribut n'est valide que lorsque multiselect est vrai. Il définit la combinaison de touches pour la sélection multiple. Les valeurs facultatives sont : shiftKey, altKey, ctrlKey | .vide |
multibox uniquement | booléen | Cet attribut n'est valide que lorsque multiselect est vrai. Lorsque Multiboxonly est défini sur true, la ligne ne sera sélectionnée que lorsque la case à cocher est cliquée. Cliquer sur d'autres colonnes effacera la sélection de la ligne actuelle. | false |
multiselect | boolean | 此属性设为true时启用多行选择,出现复选框 | false |
multiselectWidth | integer | 若multiselect 为true时,定义多选列的宽度。 | 20 |
page | integer | 设置请求初始页的数量,此参数通过URL从服务器接受数据 | 1 |
pager | mixed | 定义分页浏览导航条。必须是一个HTML元素,如 | 비어 있음 |
페이저포스 | 문자열 | 테이블 탐색 탐색 표시줄의 위치를 정의합니다. 기본적으로 탐색 표시줄은 페이지 번호, 탐색 버튼, 레코드 정보의 3개 부분으로 구성됩니다. | 센터 |
pg버튼 | 부울 | 내비게이션 활성화 시 내비게이션 버튼 표시 여부를 정의합니다. | 그렇습니다 |
pginput | 부울 | 탐색 표시줄에 페이지 번호 입력 상자가 있는지 정의합니다. | 그렇습니다 |
텍스트 | 문자열 | 현재 페이지 정보입니다. 첫 번째 금액은 현재 페이지 수이고 두 번째 금액은 총 페이지 수입니다. | |
prm이름 | 배열 | 기본적으로 prmNames: { 페이지: "page", 행: "rows", 정렬: "sidx", 순서: "sord", 검색: "_search", nd: "nd", npage:null} 다음으로 보냄 POST 모드의 서버에서 필드는 다음과 같습니다: page, Rows, sidx, sord, search, nd. 예를 들어, sidx를 mysort로 변경하려면 prmNames: {sort: “mysort”}라고 쓸 수 있습니다. 그러면 서버에 제출된 문자열은 다음과 같습니다. page=1&rows=10&mysort=myindex&sord=asc 일부 매개변수가 null로 설정된 경우 이러한 매개변수는 더 이상 서버로 전송되지 않습니다. 예를 들어 prmNames: { nd:null}이면 nd 매개변수가 전송되지 않습니다. Npage 매개변수는 스크롤 옵션을 참조하세요. | 없음 |
포스트데이터 | 배열 | 이 배열은 URL에 직접 전달될 수 있습니다. 이 배열은 {name1:value1…} 형식일 수 있습니다. | 비어 있음 |
회고 | 정수 | 읽기 전용 속성입니다. 테이블에 표시되는 행 수를 정의합니다. 기록과 혼동하지 마십시오. | 0 |
기록사진 | 문자열 | 페이지에서 녹화 정보 위치를 왼쪽, 중앙, 오른쪽으로 정의합니다. | 그렇습니다 |
기록사진 | 객체 | 교대 행 클래스 | 그렇습니다 |
기록 | 정수 | 읽기 전용 속성입니다. 요청에서 가져올 레코드 수 정의 | 없음 |
기록텍스트 | 문자열 | 페이지에 표시될 수 있는 프롬프트 정보는 다음과 같습니다. |