首页
前端开发
Javascript
EasyUI 列表数据双击跳转详情页实现

EasyUI 列表数据双击跳转详情页实现

21 次浏览 0 条评论
txt
txt

使用 JavaScript 为 EasyUI 列表项绑定 onDblClickRow 事件，实现双击跳转至详情页面。

$('#yourDataGrid').datagrid({
  onDblClickRow: function (index, row) {
    // 构造详情页面的 URL，例如：'detail.html?id=' + row.id
    var detailUrl = ...

    // 跳转到详情页面
    [removed].href = detailUrl;
  }
});

代码说明:

  • #yourDataGrid: EasyUI DataGrid 组件的 ID 选择器。
  • onDblClickRow: EasyUI DataGrid 组件提供的双击行事件。
  • index: 双击行的索引。
  • row: 双击行的对应数据对象。
  • detailUrl: 详情页面的 URL，根据实际情况构造，可以使用 row 对象中的属性值。
txt 文件大小：347B