Heim Web-Frontend js-Tutorial 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

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Crossplay haben?
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie implementiert man mit Vue eine bearbeitbare Datentabelle? Wie implementiert man mit Vue eine bearbeitbare Datentabelle? Jun 25, 2023 pm 06:20 PM

Mit der kontinuierlichen Weiterentwicklung der Front-End-Technologie sind Datentabellen zu einem wichtigen Werkzeug für die Unternehmensverwaltung und Datenanzeige geworden. In der täglichen Entwicklung ist es manchmal erforderlich, Daten in der Datentabelle zu ändern oder hinzuzufügen. Zu diesem Zeitpunkt ist es erforderlich, eine bearbeitbare Datentabelle zu implementieren. In diesem Artikel wird erläutert, wie Sie mit Vue bearbeitbare Datentabellen implementieren. 1. Implementierungsideen Bei der Implementierung der bearbeitbaren Datentabellenfunktion müssen wir die folgenden Punkte berücksichtigen: Datenpräsentation: Rendern Sie die Daten zur Anzeige und Bearbeitung in der Tabelle. Tabellenbearbeitung: Daten in der Tabelle bearbeiten.

HTML, CSS und jQuery: Erstellen Sie eine Datentabelle mit Suchfunktion HTML, CSS und jQuery: Erstellen Sie eine Datentabelle mit Suchfunktion Oct 26, 2023 am 10:03 AM

HTML, CSS und jQuery: Erstellen Sie eine Datentabelle mit Suchfunktion. In der modernen Webentwicklung ist die Datentabelle ein häufig verwendetes Element. Um Benutzern das Auffinden und Filtern von Daten zu erleichtern, ist das Hinzufügen von Suchfunktionen zu Datentabellen zu einer wesentlichen Funktion geworden. In diesem Artikel wird erläutert, wie Sie mithilfe von HTML, CSS und jQuery eine Datentabelle mit Suchfunktion erstellen, und es werden spezifische Codebeispiele bereitgestellt. 1. HTML-Struktur Zuerst müssen wir eine grundlegende HTML-Struktur erstellen, um die Datentabelle aufzunehmen

So implementieren Sie mit PHP eine einfache Datentabellen-Exportfunktion So implementieren Sie mit PHP eine einfache Datentabellen-Exportfunktion Sep 26, 2023 am 09:21 AM

So implementieren Sie mit PHP eine einfache Datentabellen-Exportfunktion. Der Export von Datentabellen ist eine der Anforderungen, denen wir bei der Entwicklung von Websites und Anwendungen häufig begegnen. Daher ist es sehr wichtig zu lernen, PHP zum Implementieren der Datentabellen-Exportfunktion zu verwenden. In diesem Artikel wird erläutert, wie Sie mit PHP eine einfache Datentabellen-Exportfunktion schreiben und spezifische Codebeispiele bereitstellen. Zuerst müssen wir einige Daten vorbereiten. In diesem Beispiel verwenden wir ein zweidimensionales Array, um eine Datentabelle mit dem Namen „Studenten“ zu simulieren, die den Namen, das Alter und den Namen des Schülers enthält

So erstellen Sie eine dynamische Datentabelle mit MySQL und JavaScript So erstellen Sie eine dynamische Datentabelle mit MySQL und JavaScript Sep 21, 2023 am 11:36 AM

Überblick über die Erstellung einer dynamischen Datentabelle mit MySQL und JavaScript: In der modernen Webentwicklung sind dynamische Datentabellen eine sehr häufige Komponente. Durch den Einsatz des Datenbankmanagementsystems MySQL und der Frontend-Programmiersprache JavaScript können wir ganz einfach eine dynamische Datentabelle zum Anzeigen und Bearbeiten von Daten in der Datenbank erstellen. In diesem Artikel wird ausführlich erläutert, wie Sie mithilfe von MySQL und JavaScript eine dynamische Datentabelle erstellen, und es werden spezifische Codebeispiele bereitgestellt. Schritt:

Kenntnisse in der Anzeige von Datentabellen in MySQL Kenntnisse in der Anzeige von Datentabellen in MySQL Jun 15, 2023 pm 05:56 PM

Als relationales Datenbankverwaltungssystem, das in Webanwendungen weit verbreitet ist, ist MySQL eine häufig verwendete Datenbankplattform. Bei der Verwendung von MySQL ist der Umgang mit Datentabellen eine grundlegende Fähigkeit. In diesem Artikel werden einige Fähigkeiten zum Anzeigen von Datentabellen in MySQL vorgestellt, damit Administratoren und Entwickler dieses leistungsstarke Datenbankverwaltungssystem besser verstehen und nutzen können. 1. Verwenden Sie die Befehlszeile, um die Datentabelle anzuzeigen. 1.1 Fragen Sie die Datentabelle ab. In MySQL können Sie die SELECT-Anweisung verwenden, um die Datentabelle abzufragen. Zum Beispiel, wie

PHP-Entwicklung: So implementieren Sie die Sortierfunktion für Datentabellen PHP-Entwicklung: So implementieren Sie die Sortierfunktion für Datentabellen Sep 20, 2023 pm 03:39 PM

PHP-Entwicklung: Für die Implementierung der Datentabellen-Sortierfunktion sind spezifische Codebeispiele erforderlich. In der Webentwicklung sind Datentabellen eine sehr gängige Möglichkeit, Daten anzuzeigen. Für Datentabellen ist die Sortierfunktion eine wesentliche Voraussetzung. In der PHP-Entwicklung können wir die Sortierfunktion für Datentabellen mithilfe der folgenden Schritte implementieren. Datenvorbereitung Zuerst müssen wir einen zu sortierenden Datensatz vorbereiten. Angenommen, dieser Datensatz wird in einem zweidimensionalen Array gespeichert und jedes Element enthält mehrere Felder wie Name, Alter, Geschlecht usw. Zur Veranschaulichung hier:

So verwenden Sie Vue und Element-UI, um bearbeitbare Datentabellen zu implementieren So verwenden Sie Vue und Element-UI, um bearbeitbare Datentabellen zu implementieren Jul 21, 2023 pm 08:37 PM

So implementieren Sie bearbeitbare Datentabellen mit Vue und Element-UI. Einführung: In der Webentwicklung sind Datentabellen eine sehr häufige Komponente. Sie können große Datenmengen in Tabellenform anzeigen und Vorgänge wie Sortieren und Filtern ausführen , und Bearbeitung. In diesem Artikel wird erläutert, wie Sie mit Vue und Element-UI eine bearbeitbare Datentabelle implementieren. 1. Vorbereitung Zuerst müssen wir Vue und Element-UI installieren. 1. Erstellen Sie ein Vue-Projekt: vu

Fortgeschrittene Kenntnisse im Entwurf von Datentabellen in MySQL Fortgeschrittene Kenntnisse im Entwurf von Datentabellen in MySQL Jun 15, 2023 am 08:21 AM

MySQL ist ein beliebtes relationales Datenbankverwaltungssystem mit leistungsstarken Funktionen zum Entwurf von Datentabellen. Für Entwickler und Datenbankadministratoren ist es sehr wichtig, fortgeschrittene Kenntnisse im Entwurf von Datentabellen in MySQL zu beherrschen. In diesem Artikel werden einige fortgeschrittene Techniken zum Entwerfen von Datentabellen in MySQL erläutert, die Ihnen beim Erstellen einer effizienten Datenbank helfen sollen. Verwendung von Indizes zur Verbesserung der Leistung In MySQL ist ein Index eine Datenstruktur, die zur Beschleunigung von Abfragen verwendet wird. Durch die Speicherung des Index im Speicher kann MySQL die erforderlichen Datenzeilen schnell finden.

See all articles