dojo grid 第5列点击事件

您可以使用dojo.connect()方法来连接第5列的点击事件。

以下是示例代码：

dojo.require("dojo.grid.DataGrid");
dojo.require("dojo.data.ItemFileWriteStore");

dojo.addOnLoad(function(){
  var data = {
    identifier: 'id',
    items: [
      {id: 1, name: 'John', age: 35, gender: 'Male', email: 'john@example.com'},
      {id: 2, name: 'Jane', age: 25, gender: 'Female', email: 'jane@example.com'},
      {id: 3, name: 'Bob', age: 45, gender: 'Male', email: 'bob@example.com'}
    ]
  };

  var store = new dojo.data.ItemFileWriteStore({data: data});

  var layout = [
    {field: 'id', name: 'ID'},
    {field: 'name', name: 'Name'},
    {field: 'age', name: 'Age'},
    {field: 'gender', name: 'Gender'},
    {field: 'email', name: 'Email', cellStyles: 'cursor: pointer;'}
  ];

  var grid = new dojo.grid.DataGrid({
    id: 'myGrid',
    store: store,
    structure: layout
  }, 'gridDiv');

  grid.startup();

  dojo.connect(grid, 'onCellClick', function(evt){
    if(evt.cellIndex == 4){
      var item = grid.getItem(evt.rowIndex);
      var email = store.getValue(item, 'email');
      alert(email);
    }
  });
});

在上面的代码中，我们为第5列（即cellIndex为4）的单元格添加了一个“cursor: pointer;”样式，并在单元格上注册了一个单击事件。当单元格被点击时，我们获取相应的数据行和列，并从存储中获取电子邮件值，然后弹出一个警报框来显示它