版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

  • pkmobilelist.setData(objectname,jsonData),设定所有列表项的内容,包括文本、徽标、图片。
    • jsonData是json格式的,最多支持4行文本。jsonData=[{"image":"../alarm.png",badge:33,text:["CBD","考木模式"]}]
      • image:图片相对路径,相对eview
      • text:数组,每个元素表示一行文本。文本样式在SetTextFormat设定每行的样式。
      • badge:数字徽标的数值。背景色在setBadgeFormat。设定如果没有该项,则不显示徽标
    • 示例:
      • pkmobilelist.setData("list1",[{"image":"global/img/timepicker.png",'badge':'11',text:["CBD","考木模式"],id:'1'},{"image":"global/img/chartladar.png",text:["木屋","考木模式"],id:'2'}]);
  • pkmobilelist.setImageFormat(objectname,{width,height, location}). 设置图片的大小和位置
    • width:图片宽度,以像素为单位,可以不设置
    • height:图片高度,以像素为单位,可以不设置
    • location:图片显示位置,字符串,仅支持"left","right"。缺省在左边 
    • 本函数不是必须的,缺省不调用时:靠左,高度填满,宽度总1/10
    • 实例:
      • pkmobilelist.setImageFormat("list1",{width:"100px",height:"50px",location:"left"}); 
  • pkmobilelist.setTextFormat(objectname,[{color:red,fontsize:11,fontname:仿宋,bold:1},{color:red,fontsize:9}]).
    • 数组中第一个元素代表第一行,第二个元素代表第二行 
    • 设定每行文本的颜色、字号,字体名称,是否加粗。
    • 缺省情况下字体:宋体,字号:12,颜色:黑色
    • 示例:
      • pkmobilelist.setTextFormat('list1',[{color:'red',fontsize:11,fontname:'微软雅黑',bold:1},{color:'blue',fontsize:11,fontname:'微软雅黑',bold:1}])
  • pkmobilelist.setArrowFormat(objectname, options),设定是否显示导航箭头,导航箭头的文本 
    • options有以下属性:
      • visible:1/0,1表示显示,0不显示
    • 示例:
      • pkmobilelist.setArrowFormat('list1',{visible:1});
      • text:为导航按钮左侧的文本,如:查看详情 
  • pkmobilelist.setBadgeFormat(objectname,options),是否显示数字徽标(数字徽标样子见下图),徽标的背景色
    • options有一下属性
      • visible:1/0,  表示显示还是不显示
      • bgColor,背景色,支持:red/green/#FF0000格式的背景色
    • 示例:
      • pkmobilelist.setBadgeFormat("list1",{visible:1,bgcolor:"red"})
      • pkmobilelist.setBadgeFormat("list1",{visible:1,bgcolor:"#F000FF"})
  • pkmobilelist.setStyle(objectname,options)  设置列表样式
    • 示例:pkmobilelist.setStyle('list',{'bgColor':'blue'})
      • bgColor:列表背景色
  • 完整示例:
    • pkmobilelist.setData("list1",[{"image":"global/img/timepicker.png",'badge':'11',text:["CBD","考木模式"],id:'1'},{"image":"global/img/chartladar.png",text:["木屋","考木模式"],id:'2'}]);
    • pkmobilelist.setBadgeFormat("list1",{visible:1,bgcolor:"#F000FF"})
    • pkmobilelist.setArrowFormat('list1',{visible:1});

...