需要在点击时突出显示 jqxNumberInput 的内容
Needing to highlight the contents of a jqxNumberInput on click
我一直在努力使用 jqxGrid 和使用 jqxNumberInput 呈现的单元格来获得一个非常简单的功能
editor.jqxNumberInput({ decimalDigits: 2, spinButtonsStep: 0.1, spinMode: "simple", decimalSeparator: decimalSeparator, groupSeparator: groupSeparator });
基本上,当用户单击单元格时,光标一直放在文本(数字)的右侧,我的老板希望突出显示单元格的内容(选中文本),这样用户就不会必须将光标向左移动才能开始输入
我已经研究了 jqx 网格文档很长时间了,但似乎没有任何我能找到的东西可以实现这一点。
http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxgrid/jquery-grid-api.htm
我试图绑定到 cellbeginedit 事件并假设我可以使用该事件获取目标元素并以这种方式选择它,但 event.target 值是整个网格,而不是单元格本身。
$(element).on('cellbeginedit', function (event) { // event.target == grid not cell });
我也尝试使用 getcell 方法获取单元格,但是 returns 该单元格的数据不是元素本身。
var cell = $(element).jqxGrid("getcell", args.rowindex, args.datafield);
// cell then equals the data for the row not with no reference to the
有问题的元素
重申一下,我需要修改,黑客更新做一些事情,当用户点击 jqxNumberInput 并且单元格进入编辑模式时,单元格中的所有文本都被选中(突出显示)
非常感谢对此问题的任何帮助
您应该将您的编辑器自定义逻辑放在您列的 initeditor 回调函数中。在那里您可以尝试使用 jqxNumberInput API 例如 "focus" 或用于选择输入中所有文本的代码。
var input = editor.find('input');
var length = input.val().length;
try {
if ('selectionStart' in input) {
input.focus();
input.setSelectionRange(0, length);
}
else {
var range = input.createTextRange();
range.collapse(true);
range.moveEnd('character', length);
range.moveStart('character', 0);
range.select();
}
}
catch (error) {
}
在上面的代码中,editor 是从 jqxGrid 传递给您列的 initeditor 函数的参数。
我一直在努力使用 jqxGrid 和使用 jqxNumberInput 呈现的单元格来获得一个非常简单的功能
editor.jqxNumberInput({ decimalDigits: 2, spinButtonsStep: 0.1, spinMode: "simple", decimalSeparator: decimalSeparator, groupSeparator: groupSeparator });
基本上,当用户单击单元格时,光标一直放在文本(数字)的右侧,我的老板希望突出显示单元格的内容(选中文本),这样用户就不会必须将光标向左移动才能开始输入
我已经研究了 jqx 网格文档很长时间了,但似乎没有任何我能找到的东西可以实现这一点。 http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxgrid/jquery-grid-api.htm
我试图绑定到 cellbeginedit 事件并假设我可以使用该事件获取目标元素并以这种方式选择它,但 event.target 值是整个网格,而不是单元格本身。
$(element).on('cellbeginedit', function (event) { // event.target == grid not cell });
我也尝试使用 getcell 方法获取单元格,但是 returns 该单元格的数据不是元素本身。
var cell = $(element).jqxGrid("getcell", args.rowindex, args.datafield);
// cell then equals the data for the row not with no reference to the
有问题的元素 重申一下,我需要修改,黑客更新做一些事情,当用户点击 jqxNumberInput 并且单元格进入编辑模式时,单元格中的所有文本都被选中(突出显示)
非常感谢对此问题的任何帮助
您应该将您的编辑器自定义逻辑放在您列的 initeditor 回调函数中。在那里您可以尝试使用 jqxNumberInput API 例如 "focus" 或用于选择输入中所有文本的代码。
var input = editor.find('input');
var length = input.val().length;
try {
if ('selectionStart' in input) {
input.focus();
input.setSelectionRange(0, length);
}
else {
var range = input.createTextRange();
range.collapse(true);
range.moveEnd('character', length);
range.moveStart('character', 0);
range.select();
}
}
catch (error) {
}
在上面的代码中,editor 是从 jqxGrid 传递给您列的 initeditor 函数的参数。