如何更改 jqgrid 中 CellSelect 事件中的图像？

发布于 2024-12-08 09:39:15 字数 682 浏览 0 评论 0原文

我遇到了麻烦，因为在 jqgrid 的 onCellSelect 事件中我想更改单元格的图像，例如，一旦我单击单元格内部，我想更改图像，如下所示：在此处输入图像描述，我存档的唯一内容一旦每个单元格中的网格加载加载图像，它就会发生变化：

这是我在网格中加载 img 的代码：

{display: '', name : '', formatter: image}

function image(cellvalue, options, rowObject){
    if(rowObject[5]== 1){
        return "<span class='ui-icon ui-icon-plusthick'></span>";
    }else{
        return "<span class='ui-icon ui-icon-minusthick'></span>";
    }
}

以及我的

onCellSelect: function() {
    id = $("#list2").getGridParam('selrow'); 
 },

方法归档在 onCellSelect 上更改每个单元格的 img 吗？

原文

I am having trouble because in a onCellSelect event of the jqgrid I want to change the image of a cell, for example once I click inside the cell I want to change the image like this: enter image description here , the only thing I have archived It is changing once the grid load in each cell loads an image:

this is my code for loading the img in the grid:

{display: '', name : '', formatter: image}

function image(cellvalue, options, rowObject){
    if(rowObject[5]== 1){
        return "<span class='ui-icon ui-icon-plusthick'></span>";
    }else{
        return "<span class='ui-icon ui-icon-minusthick'></span>";
    }
}

and my method of

onCellSelect: function() {
    id = $("#list2").getGridParam('selrow'); 
 },

how can I archieve that on a onCellSelect change the img of each cell?

分享到QQ

分享到微博

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

发布评论

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

玩世 2024-12-15 09:39:15

我不确定我理解是否正确，但这里有一个示例：

onCellSelect: function(rowid, iCol, cellcontent, e) {
   // Get current row content.
   var data = $(this).jqGrid('getRowData', rowid);

   // Edit the column's content. In this case the one named image.
   data.image = "<span class='ui-icon ui-icon-plusthick'></span>";

   // Set the data back.
   $(this).jqGrid('setRowData', rowid, data);
},

我希望它有所帮助。

I'm not sure I understand correctly, but here's a sample:

onCellSelect: function(rowid, iCol, cellcontent, e) {
   // Get current row content.
   var data = $(this).jqGrid('getRowData', rowid);

   // Edit the column's content. In this case the one named image.
   data.image = "<span class='ui-icon ui-icon-plusthick'></span>";

   // Set the data back.
   $(this).jqGrid('setRowData', rowid, data);
},

I hope it helps.

回复收藏 0 原文

~没有更多了~