##列表ui
~~~
js部分
~~~
~~~
//ui配置
wjSystem.sysUi({
//列表ui
listView:{
sync:{
ietmHead:{
title:"标题",
publicTime:{
title: "日期",
type:"data",
filters:function ( time ) {
return $filter('S_DateFormat')(time);
}
},
author:"来源",
url:"网址",
operation:{
title:"操作",
type:'on',
data:[
{title:"查看",id:"showCon"},
{title:"json",id:"json",addclass:'btn-info'},
{title:"取值",id:"get",key:['url','author']}
]
}
},
itemList:[]
},
on:{
operation:function ( data, btn ) {
if (btn.id=="get"){
alert(data.author+" : "+data.url);
}else{
showCon( btn.index , btn.id )
};
}
}
}
});
var apiData = [{title:"标题",author:"来源",publicTime:"日期",url:"http://www.baidu.com"},{title:"标题",author:"来源",publicTime:"日期",url:"http://www.baidu.com"}];
//给列表赋值列表数据
$scope.sysUi.listView.itemList = apiData; //双向绑定思想
//wjSystem.sysUi("listView.setData")(apiData); //传统赋值思想(调用指令方法1)
//wjSystem.sysUi('listView').trigger('setData', apiData ); //传统赋值思想(调用指令方法2)
~~~
~~~
模板视图部分
~~~
~~~
<sys-ui data="listView" name="list"></sys-ui>
~~~
