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

想出来 - 在页面的flexigrid“按钮”部分为每个按钮添加这样的css类到flexigrid.css：

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

jQuery flexigrid按钮图标没有显示

1 个答案: