jQuery EasyUI API 中文文档 - DataGrid数据表格_jquery
扩展自 $.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 |

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen



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. 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. 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

Ü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:

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: 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 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

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.
