API
Component

List ($UI/system/components/justep/list/list)

使用范围:UI2

Contents

component List ($UI/system/components/justep/list/list) extends BindComponent

<b>使用场景</b>:可实现动态显示数据集中数据的效果; <b>使用方法</b>:绑定数据集后,在列表模板中设计模板(放入显示或输入框等),并设置动态文本或绑定数据列,运行时即会自动根据模板生成列表;常与上下滑动组件搭配实现上滑下滑动态加载数据的效果;也支持多级嵌套(需对嵌套的数据集设置过滤条件); ## <b>文档链接</b>:#http://docs.newdao.net/appnei-rong-zu-4ef6-lhj/dong-tai-lie-biao.html#

Constructor Top

  List ()
  List ( options)

Properties Top

boolean disableInfiniteLoad

禁止上划加载数据

boolean disablePullToRefresh

禁止下拉刷新

string filter

过滤条件表达式,表达式中可以使用$model,$object,$parent,$row(执行过滤的数据行对象)变量

integer limit

一次显示数据条数,==-1时感知data数据,data有多少数据显示多少数据,默认:-1

Attributes Top

boolean autoLoad

自动加载list数据,如果==false时需要显示调用refresh方法才行显示list数据

string class

组件class

string data

关联的data组件xid

boolean disableInfiniteLoad

禁止上划加载数据

boolean disablePullToRefresh

禁止下拉刷新

string filter

过滤条件表达式,表达式中可以使用$model,$object,$parent,$row(执行过滤的数据行对象)变量

integer limit

一次显示数据条数,==-1时感知data数据,data有多少数据显示多少数据,默认:-1

string xid

组件标示

Methods Top

Object get (String name)
List<Row> getBindingObjects ()
Data getData ()
void loadNextPage ()
void refresh (boolean refreshData)
void set (json arg)

Operations Top

refresh (boolean refreshData)

Events Top

void onAfterRender (ViewEvent event)
void onLongTap (LongTapEvent event)

Constructor details Top

public List ()

<b>使用场景</b>:可实现动态显示数据集中数据的效果; <b>使用方法</b>:绑定数据集后,在列表模板中设计模板(放入显示或输入框等),并设置动态文本或绑定数据列,运行时即会自动根据模板生成列表;常与上下滑动组件搭配实现上滑下滑动态加载数据的效果;也支持多级嵌套(需对嵌套的数据集设置过滤条件); ## <b>文档链接</b>:#http://docs.newdao.net/appnei-rong-zu-4ef6-lhj/dong-tai-lie-biao.html#

public List ( options)

构造函数

Inherited from ViewComponent

	
		参数options格式类似{parent:xx, config:{}},parent是组件的父节点,允许为空或不指定,config是组件的参数选项
	 

Parameters

options

参数选项

Properties Detail Top

public boolean disableInfiniteLoad

禁止上划加载数据

public boolean disablePullToRefresh

禁止下拉刷新

public string filter

过滤条件表达式,表达式中可以使用$model,$object,$parent,$row(执行过滤的数据行对象)变量

public integer limit

一次显示数据条数,==-1时感知data数据,data有多少数据显示多少数据,默认:-1

Attributes Detail Top

public boolean autoLoad

自动加载list数据,如果==false时需要显示调用refresh方法才行显示list数据

public string class

组件class

	
		基础样式: x-list(必须)
		扩展: x-cards卡片式风格
		
		内部其他class说明:
		x-list-template:标示对应节点下的内容是模板,会根据data数据进行生成显示
	

public string data

关联的data组件xid

public boolean disableInfiniteLoad

禁止上划加载数据

public boolean disablePullToRefresh

禁止下拉刷新

public string filter

过滤条件表达式,表达式中可以使用$model,$object,$parent,$row(执行过滤的数据行对象)变量

public integer limit

一次显示数据条数,==-1时感知data数据,data有多少数据显示多少数据,默认:-1

public string xid

组件标示

Methods Detail Top

public Object get (String name)

获取属性值

Parameters

String name

属性名称,取值范围:"limit"、"filter"、"disablePullToRefresh"、"disableInfiniteLoad"

Return Value

Object

public List<Row> getBindingObjects ()

list组件绑定的数据行

Return Value

List<Row>

public Data getData ()

获取绑定的Data组件

Return Value

Data

public void loadNextPage ()

加载下页数据

Return Value

void

public void refresh (boolean refreshData)

刷新list组件

Parameters

boolean refreshData

是否刷新data

Return Value

void

public void set (json arg)

设置属性值

Parameters

json arg

属性值对
结构如下:

{ "limit" : {integer} 一次显示数据条数,==-1时感知data数据,data有多少数据显示多少数据,默认:-1 "filter: {string} 过滤条件表达式,表达式中可以使用$model,$object,$parent,$row(执行过滤的数据行对象)变量 "disablePullToRefresh": {boolean} 禁止下拉刷新 "disableInfiniteLoad": {boolean} 禁止上划加载数据 }

Return Value

void

Operations Detail Top

public refresh (boolean refreshData)

刷新list组件

Parameters

boolean refreshData

是否刷新data

Events Detail Top

public void onAfterRender (ViewEvent event)

[回调型事件]List组件刷新渲染后

Parameters

ViewEvent event


结构如下:

{ "source" : 组件的js对象, "bindingContext" : 组件绑定的上下文,包含$model、$object等具体请参考bindingContext说明 "elements": element的数组 "$object": 当前行的绑定数据 }

Return Value

void

public void onLongTap (LongTapEvent event)

[回调型事件]List组件长按(触摸设备有效)

Parameters

LongTapEvent event


结构如下:

{ "source" : 组件的js对象, "bindingContext" : 组件绑定的上下文,包含$model、$object等具体请参考bindingContext说明 "originalEvent": 原生DOM事件 }

Return Value

void