9

我的 flexigrid 已设置。我只需要一个在用户单击一行时调用的事件。从那里,我将根据该行中包含的数据将用户发送到另一个页面。但我似乎找不到任何关于如何做到这一点的例子。

我正在寻找一个关于如何使用 flexigrid 处理行 onclick 事件的清晰示例。

我也对可以在这种情况下使用的任何其他 javascript 表格框架感兴趣。我一直在看DataTables,它看起来可能是一个更好的选择(并且该项目似乎更活跃)

4

5 回答 5

9

在 flexigrid 的初始设置中,将属性 process: procMe 添加到列模型中。例子:

colModel : [
    { display: 'Request', name : 'id', process: procMe }
]

然后创建一个回调:

function procMe( celDiv, id ) {
    $( celDiv ).click( function() {
        alert( id );
    });
}
于 2011-06-14T15:25:37.110 回答
2

更好的解决方案

向 colModel 添加流程对我不起作用。

colModel : [
{ display: 'Request', name : 'id', process: procMe }
]

下面的这个解决方案是我正在使用的:

var gridRows = $("#data-grid tbody tr");

gridRows.click(function (event) {
  displaySelectedItem($(this).attr('id').substr(3));
  return false; //exit
});
于 2012-11-01T09:42:11.547 回答
1

Flexigrid 列作为链接

colModel: [
        {
            display: 'DomainName', name: 'DomainName', width: 180, 
            sortable: true, align: 'left', 
            process: function (col, id) 
                     {
                       col.innerHTML = "<a href='javascript:domainEdit(" + id + ");' 
                                   id='flex_col" + id + "'>" + col.innerHTML + "</a>";
                     }
        }]

链接功能

function domainEdit(domainID) {
    alert('domainID' + domainID);
}
于 2013-04-05T22:39:40.063 回答
0

我认为这个变种比 whoabackoff 好一点

$('.TableName').click(function(event){
        $('.res').html('dbl');
        alert('dbl');
});
于 2015-05-07T12:23:25.557 回答
-1

这有帮助吗?http://www.flexigrid-asp.net/demo/updatepanel.aspx 你可以用firebug看看它,看看事件在哪里挂钩。请记住,flexigrid.js 文件与官方项目中的文件有点不同。

于 2011-06-08T14:34:24.397 回答