Maison interface Web js tutoriel jQuery EasyUI API 中文文档 - DataGrid数据表格_jquery

jQuery EasyUI API 中文文档 - DataGrid数据表格_jquery

May 16, 2016 pm 05:59 PM
数据表格

扩展自 $.fn.panel.defaults ,用 $.fn.datagrid.defaults 重写了 defaults 。
依赖
panel
resizable
linkbutton
pagination
用法

复制代码 代码如下:



复制代码 代码如下:

$('#tt').datagrid({
url:'datagrid_data.json',
columns:[[
{field:'code',title:'Code',width:100},
{field:'name',title:'Name',width:100},
{field:'price',title:'Price',width:100,align:'right'}
]]
});

数据表格(DataGrid)的特性

其特性扩展自 panel,下列是为 datagrid 增加的特性。

名称

类型

说明

默认值

columns

array

datagrid column 的配置对象,更多详细请参见 column 的特性。

null

frozenColumns

array

和列的特性一样,但是这些列将被冻结在左边。

null

fitColumns

boolean

True 会自动扩大或缩小列的尺寸以适应表格的宽度并且防止水平滚动。

false

striped

boolean

True 就把行条纹化。(即奇偶行使用不同背景色)

false

method

string

请求远程数据的 method 类型。

post

nowrap

boolean

True 就会把数据显示在一行里。

true

idField

string

标识字段。

null

url

string

从远程站点请求数据的 URL

null

loadMsg

string

当从远程站点加载数据时,显示的提示信息。

Processing, please wait …

pagination

boolean

True 就会在 datagrid 的底部显示分页栏。

false

rownumbers

boolean

True 就会显示行号的列。

false

singleSelect

boolean

True 就会只允许选中一行。

false

pageNumber

number

当设置了 pagination 特性时,初始化页码。

1

pageSize

number

当设置了 pagination 特性时,初始化页码尺寸。

10

pageList

array

当设置了 pagination 特性时,初始化页面尺寸的选择列表。

[10,20,30,40,50]

queryParams

object

当请求远程数据时,发送的额外参数。

{}

sortName

string

定义可以排序的列。

null

sortOrder

string

定义列的排序顺序,只能用 'asc' 'desc'

asc

remoteSort

boolean

定义是否从服务器给数据排序。

true

showFooter

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Vous avez un jeu croisé?
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment utiliser Vue pour implémenter une table de données modifiable ? Comment utiliser Vue pour implémenter une table de données modifiable ? Jun 25, 2023 pm 06:20 PM

Avec le développement continu de la technologie frontale, les tableaux de données sont devenus l'un des outils importants pour la gestion d'entreprise et l'affichage des données. Dans le développement quotidien, il est parfois nécessaire de modifier ou d'ajouter des données dans le tableau de données. A ce stade, il est nécessaire d'implémenter un tableau de données modifiable. Cet article explique comment utiliser Vue pour implémenter des tables de données modifiables. 1. Idées d'implémentation Lors de l'implémentation de la fonction de tableau de données modifiable, nous devons prendre en compte les points suivants : Présentation des données : Restituez les données dans le tableau pour l'affichage et l'édition. Modification du tableau : modifiez les données du tableau.

HTML, CSS et jQuery : créez un tableau de données avec une fonctionnalité de recherche HTML, CSS et jQuery : créez un tableau de données avec une fonctionnalité de recherche Oct 26, 2023 am 10:03 AM

HTML, CSS et jQuery : créez un tableau de données avec fonction de recherche Dans le développement Web moderne, le tableau de données est un élément fréquemment utilisé. Afin de faciliter la recherche et le filtrage des données par les utilisateurs, l'ajout de fonctions de recherche aux tableaux de données est devenu une fonction essentielle. Cet article expliquera comment utiliser HTML, CSS et jQuery pour créer une table de données avec fonction de recherche et fournira des exemples de code spécifiques. 1. Structure HTML Tout d'abord, nous devons créer une structure HTML de base pour accueillir le tableau de données

Comment utiliser PHP pour implémenter une simple fonction d'exportation de table de données Comment utiliser PHP pour implémenter une simple fonction d'exportation de table de données Sep 26, 2023 am 09:21 AM

Comment utiliser PHP pour implémenter une fonction simple d'exportation de tables de données L'exportation de tables de données est l'un des besoins que nous rencontrons souvent lors du développement de sites Web et d'applications. Par conséquent, il est très important d’apprendre à utiliser PHP pour implémenter la fonction d’exportation de tables de données. Cet article explique comment utiliser PHP pour écrire une fonction d'exportation de table de données simple et fournit des exemples de code spécifiques. Tout d’abord, nous devons préparer quelques données. Dans cet exemple, nous utilisons un tableau à deux dimensions pour simuler un tableau de données nommé « étudiants », qui contient le nom, l'âge et le nom de l'étudiant.

Comment créer une table de données dynamique à l'aide de MySQL et JavaScript Comment créer une table de données dynamique à l'aide de MySQL et JavaScript Sep 21, 2023 am 11:36 AM

Présentation de la création d'une table de données dynamiques à l'aide de MySQL et JavaScript : dans le développement Web moderne, les tables de données dynamiques sont un composant très courant. En utilisant le système de gestion de base de données MySQL et le langage de programmation frontal JavaScript, nous pouvons facilement créer une table de données dynamique pour afficher et manipuler les données dans la base de données. Cet article présentera en détail comment utiliser MySQL et JavaScript pour créer une table de données dynamique et fournira des exemples de code spécifiques. étape:

Compétences en visualisation de tableaux de données dans MySQL Compétences en visualisation de tableaux de données dans MySQL Jun 15, 2023 pm 05:56 PM

En tant que système de gestion de bases de données relationnelles largement utilisé dans les applications Web, MySQL est une plateforme de bases de données couramment utilisée. Lorsque vous utilisez MySQL, exploiter des tables de données est une compétence de base. Cet article présentera certaines compétences en matière de visualisation de tables de données dans MySQL afin que les administrateurs et les développeurs puissent mieux comprendre et utiliser ce puissant système de gestion de base de données. 1. Utilisez la ligne de commande pour afficher la table de données 1.1 Interroger la table de données Dans MySQL, vous pouvez utiliser l'instruction SELECT pour interroger la table de données. Par exemple, comme

Développement PHP : Comment implémenter la fonction de tri des tables de données Développement PHP : Comment implémenter la fonction de tri des tables de données Sep 20, 2023 pm 03:39 PM

Développement PHP : Comment implémenter la fonction de tri des tableaux de données, des exemples de code spécifiques sont nécessaires. Dans le développement Web, les tableaux de données sont un moyen très courant d'afficher des données. Pour les tableaux de données, la fonction de tri est une exigence essentielle. Dans le développement PHP, nous pouvons implémenter la fonction de tri des tables de données en suivant les étapes suivantes. Préparation des données Tout d'abord, nous devons préparer un ensemble de données à trier. Supposons que cet ensemble de données est stocké dans un tableau à deux dimensions et que chaque élément contient plusieurs champs, tels que le nom, l'âge, le sexe, etc. Par souci de démonstration, nous ici

Comment utiliser Vue et Element-UI pour implémenter des tables de données modifiables Comment utiliser Vue et Element-UI pour implémenter des tables de données modifiables Jul 21, 2023 pm 08:37 PM

Comment utiliser Vue et Element-UI pour implémenter des tableaux de données modifiables Introduction : Dans le développement Web, les tableaux de données sont un composant très courant. Ils peuvent afficher une grande quantité de données sous forme de tableaux et effectuer des opérations telles que le tri, le filtrage. , et édition. Cet article expliquera comment utiliser Vue et Element-UI pour implémenter une table de données modifiable. 1. Préparation Tout d'abord, nous devons installer Vue et Element-UI. 1. Créez un projet Vue : vu

Compétences avancées en conception de tables de données dans MySQL Compétences avancées en conception de tables de données dans MySQL Jun 15, 2023 am 08:21 AM

MySQL est un système de gestion de bases de données relationnelles populaire doté de puissantes capacités de conception de tables de données. Il est très important que les développeurs et les administrateurs de bases de données maîtrisent les compétences avancées en matière de conception de tables de données dans MySQL. Cet article abordera certaines techniques avancées de conception de tables de données dans MySQL pour vous aider à créer une base de données efficace. Utiliser des index pour améliorer les performances Dans MySQL, un index est une structure de données utilisée pour accélérer les requêtes. En stockant l'index en mémoire, MySQL peut localiser rapidement les lignes de données requises.

See all articles