一. 背景
在销售订单页面，假设我要选中几个订单，查看这几个订单的金额之和。这个时候，我们可以在工具栏上添加一个按钮，选中订单A和B的时候，点击该按钮计算A订单和B订单的金额之和并显示。结果如下：
二. 操作步骤
首先申明：等下该例子用到的js文件，css文件等，到如下地址下载：http://download.csdn.net/detail/liwenshui322/5239672
1. 新建一个模块（如果你已经新建了一个测试用的模块，用那个测试模块就行了），如果不知道怎么创建，参考如下的英文文档：http://wiki.openbravo.com/wiki/How_To_Create_and_Package_a_Module。表头见截图所示：
表体见如下截图：
2. 放置该按钮的图片(image文件)，css文件和js文件
js文件放的位置为eclipse里面openbravo项目下面的webcontent/web/package of module/js，见如下截图
css文件和image文件存放地方为openbravo项目下面的webcontent/web/org.openbravo.userinterface.smartclient/openbravo/skins/Default/[modulename],见下面的截图：
具体css文件，js文件内容的含义，参考其对于的英文文档：http://wiki.openbravo.com/wiki/How_to_add_a_button_to_the_toolbar
3. 放在后台代码
在modules文件夹下面找到新建module对应的文件夹，如果没有，需要先运行ant export database,在eclipse里面openbravo项下面有一个export.database.launch文件，点击右键run as->export.database。
在这个module对应的文件夹下面建立一个src文件夹（如果没有的话），然后在src文件夹下面建立一个package，包名为moduel对应的package，见下图所示:
接着在eclipse 的buildpath->configure buildpath-source页签，点击add floder,将刚刚添加的src目录添加入编译目录。
将后台代码SumOrderActionHandler类和ExampleComponentProvider类放入刚刚建好的src目录，见下截图：
重启tomcat 应该就ok了，如果有不明白，欢迎加入群150492221交流，尽力为你解答。