jqgrid在弹出框中显示图像

发布于 2024-12-02 06:43:17 字数 980 浏览 0 评论 0 原文

我在我的应用程序中使用 jqgrid 和 Prettyphoto。
我有一栏显示图像预览。单击该图像后，图像将显示在弹出框中。
网格代码是..

.....  
{name: 'imagePath', index: 'imagePath', width: 80, align: 'center',
    formatter :anchorFmatter, edittype: 'text', hidden: false, editable: true,
    editrules: {required: false}, editoptions: {size: 30}}
....
function anchorFmatter(cellValue, options, rowObject)
{
    if(cellValue === null ){
        return "<a></a>";
    }else {
        jQuery("a[rel='image']").prettyPhoto({
            animation_speed:'normal',
            show_title:false,
            allow_resize:true,
            default_width:640,
            default_height:385,
            theme:'light_rounded',
            autoplay:false
        });

        return "<a href='" + cellValue + "' rel='image'><img src='" + cellValue +
               "' width='100' height='35'></a>";
    }
}

网格中的所有图像都出现在弹出窗口中，但最后一个图像出现在新的浏览器页面中。
可能会得到任何帮助。
提前致谢

原文

I am using the jqgrid, and prettyphoto in my application.
I have a column to show the image preview. on clicking that image is the image will be displayed in the popup box.
grid code is..

.....  
{name: 'imagePath', index: 'imagePath', width: 80, align: 'center',
    formatter :anchorFmatter, edittype: 'text', hidden: false, editable: true,
    editrules: {required: false}, editoptions: {size: 30}}
....
function anchorFmatter(cellValue, options, rowObject)
{
    if(cellValue === null ){
        return "<a></a>";
    }else {
        jQuery("a[rel='image']").prettyPhoto({
            animation_speed:'normal',
            show_title:false,
            allow_resize:true,
            default_width:640,
            default_height:385,
            theme:'light_rounded',
            autoplay:false
        });

        return "<a href='" + cellValue + "' rel='image'><img src='" + cellValue +
               "' width='100' height='35'></a>";
    }
}

all images in the grid are coming in popup, but the last image is coming in new browser page.
may get any help.
Thanks in advance

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

π浅易 2024-12-09 06:43:17

在自定义格式化程序内部，网格包含仍然作为字符串存在，而不是尚未放置在页面上。因此，您应该从 formatutter 函数中删除对 jQuery("a[rel='image']").prettyPhoto 的调用。相反，您可以在。 php?id=wiki%3aevents#list_of_events" rel="nofollow">loadComplete 事件处理程序。此外，如果您尚未使用 gridview:true 选项，则应使用它。它将提高电网性能。