工具栏的按钮增加徽标显示

工具栏的按钮增加徽标显示原创

插件开发

前端&控件

wbshcy

10人赞赏了该文章 3,621次浏览编辑于2022年04月15日 11:19:55

关键字：导航控件、工具栏、徽标、按钮

一、需求

办公用品领用申请单审核通过后，办公用品管理员才会给申请人发放办公用品，发放完毕后再手工关闭领用申请单。为了方便办公用品管理员及时发放物品，需要在申请单列表关闭按钮上用徽标显示已审核通过的申请单据数。

二、思路与方案

因为关闭按钮是在工具栏上的，所以去查看工具栏的控件编程模型ToolBar有没有设置徽标的接口，发现有kd.bos.form.control.Toolbar.setBadgeInfo(String, BadgeInfo)，则可以实现。在单据列表打开后的时间afterBindData事件去计算审核通过的单据数，然后在设置徽标。

三、实现过程

在列表插件afterBindData事件实现设置徽标，代码如下：

     @Override
public void afterBindData(EventObject e) {
// TODO Auto-generated method stub
super.afterBindData(e); 
Toolbar toolbar = this.getView().getControl("toolbarap");
IListView listView = (IListView) this.getView();
ListSelectedRowCollection s = listView.getCurrentListAllRowCollection();
int count=0;
for(int i=0;i<s.size();i++) {
ListSelectedRow x=s.get(i);
if("C".equals(x.getBillStatus().toString())) {
count=count+1;//计算审核通过的单据数
}
}
//徽标对象
BadgeInfo info= new BadgeInfo();
info.setColor("#ff0000");
info.setCount(count);
info.setShowZero(true);
toolbar.setBadgeInfo("kded_closebill", info);//给关闭按钮设置徽标
}