DataList（数据列表）

扩展自$.fn.iDatagrid.defaults。 使用$.fn.iDatalist.defaults重写默认值对象。

数据列表组件在一个List中渲染列项. 它是一个在一列中显示数据的特殊表格。你可以在每一行中定义列的格式和风格

依赖关系

• datagrid

使用案例

在HTML标签里面创建数据列表

<table id="tt" style="width:600px;height:200px"
       title="Editable DataGrid"
       singleSelect="true">
    <ul data-toggle="topjui-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>
</table>

使用javascript创建数据列表。

<div id="dl"></div>

$('#dl').iDatalist({
    url: 'datalist_data1.json',
    checkbox: true,
    lines: true
});

属性

扩展自DataGrid(数据表格)，datalist新增的属性如下：

属性名	属性值类型	描述	默认值
lines	boolean	定义是否显示行线条。	false
checkbox	boolean	定义是否在每一行显示复选框。	false
valueField	string	绑定到行作为行值的字段名。	value
textField	string	绑定到行显示的字段名。	text
groupField	string	指定要分组的字段。
textFormatter	function(value,row,index)	文本格式器函数，有三个参数: value: 字段值。 row: 行数据。 index: 行索引。
groupFormatter	function(value,rows)	返回组内容的格式化函数，有两个参数: value: 使用'groupField'属性定义的组值。 rows: 根据指定的组值的数据行。

事件

继承自datagrid

方法

继承自datagrid