首页 > 解决方案 > jqgrid 在页面上显示应该是图标的确切代码

问题描述

我是 jqgrid 的新手。我想在操作栏中使用操作按钮 http://wrapbootstrap.com/preview/WB0573SK0 在此处输入图像描述

但是,在我的情况下,它显示按钮代码......像这样

在此处输入图像描述

我使用了以下代码。

gridComplete : function() {
        var ids = jQuery("#gridItemPriceList").jqGrid('getDataIDs');
        for (var i = 0; i < ids.length; i++) {
            var cl = ids[i];
            be = "<button class='btn btn-xs btn-default' data-original-title='Edit Row' onclick=\"jQuery('#gridItemPriceList').editRow('" + cl + "');\"><i class='fa fa-pencil'></i></button>";
            se = "<button class='btn btn-xs btn-default' data-original-title='Save Row' onclick=\"jQuery('#gridItemPriceList').saveRow('" + cl + "');\"><i class='fa fa-save'></i></button>";
            ca = "<button class='btn btn-xs btn-default' data-original-title='Cancel' onclick=\"jQuery('#gridItemPriceList').restoreRow('" + cl + "');\"><i class='fa fa-times'></i></button>";
            //ce = "<button class='btn btn-xs btn-default' onclick=\"jQuery('#gridItemPriceList').restoreRow('"+cl+"');\"><i class='fa fa-times'></i></button>";
            //jQuery("#gridItemPriceList").jqGrid('setRowData',ids[i],{act:be+se+ce});
            jQuery("#gridItemPriceList").jqGrid('setRowData', ids[i], {
                act : be + se + ca
            });
        }
    },

但是当我检查检查员时,我的代码混合了。

在此处输入图像描述

应该是这个

在此处输入图像描述

请帮助我..谢谢

标签: jqueryjqgrid

解决方案


我想您将网格选项自动编码设置为 true,这会导致问题。将其设置为 false 可能会解决问题


推荐阅读