jQuery flexigrid按钮图标不显示

Question

我正在使用jQuery flexigrid插件（非常好）。我已经得到了大部分工作正常，但出于某种原因，按钮上的图标没有显示出来。 flexigrid下载似乎没有用于添加，编辑和删除的图像。我创建了自己的，但他们也没有显示（尝试不同的类型和名称）。

任何人都可以告诉我如何让图标显示上方按钮栏？

这里是我的jQuery的一部分：这似乎是按钮

$(".flex1").flexigrid({ 
    url: '/purchase-order-web/GetVendorsGridServlet', 
    dataType: 'json', 
    ... 
    buttons : [ 
     {name: 'Add', bclass: 'add_small', onpress : takeAction}, 
     {name: 'Edit', bclass: 'edit', onpress : takeAction}, 
     {name: 'Delete', bclass: 'delete', onpress : takeAction}, 
     {separator: true} 
     ], 
    ... 

我看到flexigrid.css一些图形文件的引用，但没有 - 如：

.flexigrid .pNext { 
background: url(images/next.gif) no-repeat center; 
} 

所以，任何人都可以启发我如何让按钮图标显示？谢谢！

Answer 1

想通了 - 像下面这样添加CSS类flexigrid.css在你的页面的flexigrid“按钮”部分中的每个按钮：

.flexigrid .edit { 
    background: url(images/pencil.png) no-repeat left; 
}