簡體   English   中英

jqGrid-內聯編輯時選擇選定單元格的文本

[英]jqGrid - Select selected cell's text while inline editing

第1部分)在網格中,我有一些可編輯的列,我想對其進行內聯編輯。 但是,當我選擇任何特定的單元格並且如果該單元格上有內聯編輯功能時( editable: true ),它應該選擇要編輯的文本。

例如,如果這是默認網格: 在此處輸入圖片說明 然后在“數量”中選擇任何單元格時,結果應該是這樣的: 在此處輸入圖片說明

當我們單擊一個單元格以在jqGrid中編輯該行時,當前實現不會像這樣突出顯示所選的文本。 有什么辦法可以做到這一點?

第2部分)根據Oleg的建議移至此問題

網格代碼: jsFiddle

注意:我真正的應用程序數據類型是JSON

我不確定所有版本的舊網絡瀏覽器,但是您可以將onSelectRow的代碼修改為以下內容

onSelectRow: function (id) {
    var $self = $(this);
    if (id && id !== lastsel2) {
        $self.jqGrid('restoreRow', lastsel2);
        $self.jqGrid('editRow', id, {
            keys: true,
            focusField: 'Quantity',
            oneditfunc: function (rowid, options) {
                $control = $("#" + rowid + "_Quantity");
                if ($control.length > 0) {
                    $control[0].select();
                }
            },
            aftersavefunc: reload
        });
        lastsel2 = id;
    }
}

參見http://jsfiddle.net/OlegKi/HJema/163/ 它使用focusField: 'Quantity'選項將焦點設置在'Quantity'列上。 它使用select()方法選擇<input>字段的文本。

在我看來,您問題的第二部分(關於bindKeys )是一個單獨的問題。 bindKeys方法允許實現自定義回調onLeftKeyonRightKey 對於我來說,您還想使用哪一種更好。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM