在jqgrid中单击单元格时，如何突出显示单元格的整个内容?

How can I highlight an cell's entire contents in jqgrid when clicking it?

本文关键字：单元格 显示 jqgrid 单击 何突出      更新时间：2023-09-26

我有一个jqgrid表，它有一个用户名和密码列，如果我能在单击单元格时自动选择单元格的整个内容，那将对那些使用该表进行工作的人有很大的好处。

到目前为止我写的是:

$("#theTable").jqGrid({
            [...]
            colNames:[[...],'Username', 'Password',[...],
            colModel:[
                [...]
                {name: 'username', index: 'username', width: 110, sorttype: 'text', cellattr: function () {return 'class="selectcell"'}},
                {name: 'password', index: 'password', width: 110, sorttype: 'text', cellattr: function () {return 'class="selectcell"'}},
                [...]
            ],
        });

然后…

$(".selectcell").click(function(){
    this.select();
});

我从代码中获取了$.click()，该代码在单击文本框时自动选择整个文本框。它在那里运作得很好，但它并没有像现在这样工作。我该怎么做呢?

您似乎没有使用任何网格编辑。在这种情况下可以添加cellEdit: true。该选项允许编辑具有editing: true属性的列的单元格。单元格编辑还有一个重要的特性。它突出显示所有不可编辑列的单元格。因为在您的情况下，所有列都是不可编辑的，所以您只需添加cellEdit: true选项即可突出显示单元格的功能。

如果你需要在单元格中选择文本，那么我建议你阅读旧的答案(参见演示)，它演示了如何在双击单击单元格时选择文本

相关文章：