tv-item

配合tv-list中使用，监听事件或者更新item中的数据。

方法

updateItem(position,data)

更新对应位置的数据；

参数名	类型	说明
position	Int	item在list中的position
data	Array	将要更新的列表数据

---

dispatchItemFunction(position, name, funcName, params)

调用item中对应name指定元素的方法；

参数名	类型	说明
position	Int	item在list中的position
name	String	view名称
funcName	String	方法名称
params	Array	方法参数

---

updateItemProps(position, name, toUpdateMap)

局部更新指定位置item的数据；

参数名	类型	说明
pos	Int	item在list中的position
name	String	要更新元素的名称
toUpdateMap	Map	要更新的数据集合

事件

@item-focused

Item焦点事件回调

参数名	类型	说明
position	Int	焦点所在Item的位置（在子布局里）
parentPosition	Int	焦点所在Item的在父布局中的位置
hasFocus	Boolean	焦点所在Item是否获得焦点
name	String	点击Item的name类型
item	Object	当前点击item绑定的数据

---

@item-bind

Item绑定事件回调

参数名	类型	说明
position	Int	绑定Item的位置
name	String	绑定Item的name

---

@item-unbind

Item解除绑定事件回调

参数名	类型	说明
position	Int	解除绑定Item的位置
name	String	解除绑定Item的name

---

@item-attached

Item绑定到视窗时回调

参数名	类型	说明
position	Int	绑定Item的位置
name	String	绑定Item的name

---

@item-detached

Item解除绑定到视窗时回调

参数名	类型	说明
position	Int	绑定Item的位置
name	String	绑定Item的name

---

数据类型type类型

Item在Grid(tv-list)模式下type类型使用、提供几种固定type类型，其他类型前端自行定义使用

type类型	类型	说明
1001	int	header类型
1002	int	footer类型
1003	int	一行展示类型 前端可以定义div span等标签 使用场景:例如列表顶部标题，占位空布局
1004	int	同1003类型
10002	int	例如spanCount 为6、默认一行分6列、该type类型指定item内容区域占2列
10003	int	例如spanCount 为6、默认一行分6列、该type类型指定item内容区域占3列
10004	int	例如spanCount 为6、默认一行分6列、该type类型指定item内容区域占4列
10005	int	例如spanCount 为6、默认一行分6列、该type类型指定item内容区域占5列
10006	int	例如spanCount 为6、默认一行分6列、该type类型指定item内容区域占6列
其他类型type	int	例如spanCount 为6、默认一行分6列、该type类型指定item内容区域占1列

• type属性使用：类型：int

点击查看源码

 <tv-item  
          :type="1001"
         :style="{backgroundColor: '#121215',width: '1920px',height: '200px'}">
	<div >
        ...前端代码...
     </div>
</tv-item>

<tv-item  
         :type="1002"
         :style="{backgroundColor: '#3f3f42',width: '1920px',height: '200px'}">
    <div >
        ...前端代码...
     </div>
</tv-item>

<tv-item 
         :type="1003"
         :style="{backgroundColor: '#167de5',width: '1920px',height: '100px'}">
    <div >
        ...前端代码...
     </div>
</tv-item>

<tv-item 
         :type="1004"
         :style="{backgroundColor: '#167de5',width: '1920px',height: '100px'}">
    <div >
        ...前端代码...
     </div>
</tv-item>

<tv-item 
         :type="10002"
         >
    <div >
        ...前端代码...
     </div>
</tv-item>

<tv-item 
         :type="10003"
         >
    <div >
        ...前端代码...
     </div>
</tv-item>

<tv-item 
         :type="10004"
         >
    <div >
        ...前端代码...
     </div>
</tv-item>

<tv-item 
         :type="10005"
         >
    <div >
        ...前端代码...
     </div>
</tv-item>

<tv-item 
         :type="10006"
         >
    <div >
        ...前端代码...
     </div>
</tv-item>