Maison > interface Web > js tutoriel > le corps du texte

Option de document chinois jqGrid settings_jquery

WBOY
Libérer: 2016-05-16 15:28:16
original
1070 Les gens l'ont consulté

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);
Copier après la connexion

les options sont les paramètres d'option de jqGrid, veuillez vous référer au tableau suivant.

. pour plus de détails .
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.nul
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, ctrlKeyvide
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
기록사진 문자열 페이지에서 녹화 정보 위치를 왼쪽, 중앙, 오른쪽으로 정의합니다. 그렇습니다
기록사진 객체 교대 행 클래스 그렇습니다
기록 정수 읽기 전용 속성입니다. 요청에서 가져올 레코드 수 정의 없음
기록텍스트 문자열 페이지에 표시될 수 있는 프롬프트 정보는 다음과 같습니다.
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal