如何在光滑网格内的同一列中创建两个图像

本文关键字：一列 创建 图像 两个 网格 | 更新日期: 2023-09-27 18:11:43

我试图在我的光滑网格的一列中选择和删除图像，并且无法这样做。我知道如何做一个单一的图像按钮这样。: 

var column = {id:delCol, field:'del', name:'Delete', width:250, formatter:buttonFormatter}
//Now define your buttonFormatter function
function buttonFormatter(row,cell,value,columnDef,dataContext){  
    var button = "<input class='del' type='button' id='"+ dataContext.id +"' />";
    //the id is so that you can identify the row when the particular button is clicked
    return button;
    //Now the row will display your button
}

有什么好主意吗?

如何在光滑网格内的同一列中创建两个图像

该单元格的数据应该包括图像/按钮所需的数组或{}(对象)。

然后创建一个格式器，当你想要在一个单元格中:

// if value is [dataContext.delete.id, dataContext.add.id] for example
function twoButtonFormatter(row, cell, value, columnDef, dataContext) {
  var str = ''; // initialize a string
  // First button
  str += "<input class='del' type='button' id='"+ value[0] +"' /> ";
  // second button
  str += "<button data-id='"+value[1]+"' class='add'>Add</button>";
  // return the html string of both buttons
  return str;
}
相关文章：