首頁 web前端 js教程 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

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何使用 Vue 實作可編輯的資料表格? 如何使用 Vue 實作可編輯的資料表格? Jun 25, 2023 pm 06:20 PM

如何使用 Vue 實作可編輯的資料表格?

HTML、CSS和jQuery:製作一個帶有搜尋功能的資料表格 HTML、CSS和jQuery:製作一個帶有搜尋功能的資料表格 Oct 26, 2023 am 10:03 AM

HTML、CSS和jQuery:製作一個帶有搜尋功能的資料表格

如何使用PHP實作一個簡單的資料表格匯出功能 如何使用PHP實作一個簡單的資料表格匯出功能 Sep 26, 2023 am 09:21 AM

如何使用PHP實作一個簡單的資料表格匯出功能

如何使用MySQL和JavaScript建立一個動態資料表格 如何使用MySQL和JavaScript建立一個動態資料表格 Sep 21, 2023 am 11:36 AM

如何使用MySQL和JavaScript建立一個動態資料表格

MySQL中的資料表格檢視技巧 MySQL中的資料表格檢視技巧 Jun 15, 2023 pm 05:56 PM

MySQL中的資料表格檢視技巧

如何使用Vue和Element-UI實現可編輯的資料表格 如何使用Vue和Element-UI實現可編輯的資料表格 Jul 21, 2023 pm 08:37 PM

如何使用Vue和Element-UI實現可編輯的資料表格

PHP開發:如何實作資料表排序功能 PHP開發:如何實作資料表排序功能 Sep 20, 2023 pm 03:39 PM

PHP開發:如何實作資料表排序功能

利用ThinkPHP6實現數據表格展示 利用ThinkPHP6實現數據表格展示 Jun 21, 2023 am 08:37 AM

利用ThinkPHP6實現數據表格展示

See all articles