jQuery flexigrid按钮图标不显示
问题描述:
我正在使用jQuery flexigrid插件(非常好)。我已经得到了大部分工作正常,但出于某种原因,按钮上的图标没有显示出来。 flexigrid下载似乎没有用于添加,编辑和删除的图像。我创建了自己的,但他们也没有显示(尝试不同的类型和名称)。jQuery 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;
}
所以,任何人都可以启发我如何让按钮图标显示?谢谢!
答
想通了 - 像下面这样添加CSS类flexigrid.css在你的页面的flexigrid“按钮”部分中的每个按钮:
.flexigrid .edit {
background: url(images/pencil.png) no-repeat left;
}