可调整尺寸,中文文档

Resizable 可调整尺寸
用$.fn.resizable.defaults重写defaults。
用法

扩展自
$.fn.window.defaults,用
$.fn.dialog.defaults
重写了
defaults。

扩展自 $.fn.panel.defaults ,用 $.fn.datagrid.defaults 重写了 defaults

依赖
panel
resizable
linkbutton
pagination
用法

复制代码 代码如下:

 

复制代码 代码如下:

<div id=”rr” style=”width:100px;height:100px;border:1px solid
#ccc;”></div>

图片 1
依赖
window
linkbutton
用法

<table id=”tt”></table>

复制代码 代码如下:

复制代码 代码如下:

复制代码 代码如下:

$(‘#rr’).resizable({
maxWidth:800,
maxHeight:600
});

<div id=”dd” title=”My Dialog”
style=”width:400px;height:200px;”>
Dialog Content.
</div>

$(‘#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)的特性

名称

类型

说明

默认值

disabled

boolean

true将禁止调整尺寸。

false

handles

string

指resizable的方向。’n’是北,’e’是东,等等。

n, e, s, w, ne, se, sw, nw, all

minWidth

number

调整尺寸时最小宽度。

10

minHeight

number

调整尺寸时最小高度。

10

maxWidth

number

调整尺寸时最大宽度。

10000

maxHeight

number

调整尺寸时最大高度。

10000

edge

number

被调整尺寸的边框的边缘。

5

$(‘#dd’).dialog({
modal:true
});

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

事件

特性
其特性扩展自 window,下列是为 dialog 重写的特性。

名称

类型

说明

默认值

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

boolean

定义是否显示一行页脚。

false

rowStyler

function

返回例如 ‘background:red’ 的样式,该函数需要两个参数:
rowIndex: 行的索引,从 0 开始。
rowData: 此行相应的记录。

 

loadFilter

function

返回过滤的数据去显示。这个函数需要一个参数 ‘data’ ,表示原始数据。

你可以把原始数据变成标准数据格式,此函数必须返回标准数据对象,含有 ‘total’ 和 ‘rows’ 特性。

 

editors

object

定义编辑行时的 editor 。

预定义的 editor

view

object

定义 datagrid 的 view 。

默认的 view

名称

参数

说明

onStartResize

e

开始调整尺寸时触发。

onResize

e

调整尺寸期间触发。返回false时DOM元素将不进行真实的调整尺寸动作。

onStopResize

e

停止调整尺寸时触发。

名称

类型

说明

默认值

title

string

对话框的标题文字。

New Dialog

collapsible

boolean

定义是否显示折叠按钮。

false

minimizable

boolean

定义是否显示最小化按钮。

false

maximizable

boolean

定义是否显示最大化按钮。

false

resizable

boolean

定义对话框能否调整尺寸。

false

toolbar

array

对话框的顶部工具栏,每个工具的选项都与 linkbutton 一样。

null

buttons

array

对话框的底部按钮,每个按钮的选项都与 linkbutton 一样。

null

列(Column)的特性
DataGrid 的 Column
是一个数组对象,它的每个元素也是一个数组。数组元素的元素是一个配置对象,它定义了每个列的字段。
代码示例: