40. Datalist 数据列表

扩展自.fn.datagrid.defaults。用于.fn.datalist.defaults重写默认值对象。（该组件自1.4.2版开始可用）

datalist 组件专用于在列表数据上渲染，这是一个特殊的datagrid组件，专用于渲染1列数据时使用。您可以定义列当中每一行的展示格式及样式。

依赖关系

datagrid

用法

使用标签创建数据列表。

<ul class="easyui-datalist" title="DataList" style="width:400px;height:250px">
    <li value="AL">Alabama</li>
    <li value="AK">Alaska</li>
    <li value="AZ">Arizona</li>
    <li value="AR">Arkansas</li>
    <li value="CA">California</li>
    <li value="CO">Colorado</li>
</ul>

使用Javascript创建分割按钮。

<div id="dl"></div>
$('#dl').datalist({
    url: 'datalist_data1.json',
    checkbox: true,
    lines: true
});

属性

数据列表属性扩展自datagrid，数据列表新增的属性如下：

属性名	属性值类型	描述	默认值
lines	boolean	定义是否显示行号	false
checkbox	boolean	定义是否在每行开头显示复选框。	false
valueField	string	行绑定的字段值名称。	value
textField	string	行绑定的字段名名称。	text
textFormatter	function(value,row,index)	字段名称格式化器，返回格式化后的字段内容，共3个参数： value：字段值 row：行记录数据 index：行索引
groupFormatter	function(value,rows)	分组名称格式化器，返回格式化后的分组内容，共2个参数： value：通过“groupField”属性定义的分组字段名称 rows：指定分组字段名称对应的数据行记录数组

事件

数据列表事件扩展自 datagrid

方法

数据列表方法扩展自 datagrid