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"buttons"部分中的每个按钮：

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