登录/注册

首页 › WijmoJS专区 › 求助中心 › 查看内容

金牌服务用户

61 主题	134 帖子	1393 积分

金牌服务用户

积分: 1393

5443
金币
61
主题
134
帖子

最新发帖

[已处理] 对于felxgrid的cell编辑状态下获取光标位置,包括CustomGridEditor对象的cell

mtkj
金牌服务用户 / 发表于：2020-5-21 14:30 / 查看：3003 / 回复：2

1金币

对于flexgrid编辑某一个单元格时，用光标进行左右移动，当光标移动至最左侧（最右侧）时，需跳至前一个（后一个单元格）

最佳答案

查看完整内容

你好，这个问题没有原生的接口直接实现，但可以通过JSDOM的特性来实现，参考以下代码：在这里可以看到效果： https://demo.grapecity.com.cn/wijmo/demos/Input/AutoComplete/Overview/purejs 注意需要给html页面上加一个id是btn的按钮

收藏

回复

2 个回复

倒序浏览

最佳答案

最佳答案

KevinChen
论坛元老 / 发表于：2020-5-21 14:30:56 来自 3^#

你好，这个问题没有原生的接口直接实现，但可以通过JSDOM的特性来实现，参考以下代码：

import 'bootstrap.css';
import '@grapecity/wijmo.styles/wijmo.css';
import './styles.css';
//
import * as input from '@grapecity/wijmo.input';
import { getData } from './data';
//
document.readyState === 'complete' ? init() : window.onload = init;
//
function init() {
(function ($, undefined) {
$.fn.getCursorPosition = function () {
var el = $(this).get(0);
var pos = 0;
if ('selectionStart' in el) {
pos = el.selectionStart;
} else if ('selection' in document) {
el.focus();
var Sel = document.selection.createRange();
var SelLength = document.selection.createRange().text.length;
Sel.moveStart('character', -el.value.length);
pos = Sel.text.length - SelLength;
}
return pos;
}
})(jQuery);
let theCombo = new input.ComboBox('#theCombo', {
displayMemberPath: 'country',
itemsSource: getData()
});
//
let theAutoComplete = new input.AutoComplete('#theAutoComplete', {
displayMemberPath: 'country',
itemsSource: getData()
});
$("#btn").click(function(){
var host = theAutoComplete.hostElement;
var input = $(host).find("input");
console.log(input.getCursorPosition());
});
}

复制代码

在这里可以看到效果：

https://demo.grapecity.com.cn/wi ... ete/Overview/purejs

注意需要给html页面上加一个id是btn的按钮

回复 使用道具举报

KevinChen
论坛元老 / 发表于：2020-5-21 18:08:31 2^#

你好，input组件没有原生的光标事件，和获取光标位置的接口，这个问题需要进一步调研。预计明天上午回复您

回复 使用道具举报