##列表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>
~~~
