extjs4.x 在textareafield中的光标位置动态插入内容

男娘i 2021-12-24 05:53 220阅读 0赞

Ext.onReady(function() {
    	Ext.create('Ext.panel.Panel', {
    		bodyPadding : 5, // Don't want content to crunch
    		// against the borders
    		width : 300,
    		title : 'Filters',
    		items : [{
    			xtype : 'textareafield',
    			id : 'content',
    			fieldLabel : 'content'
    		}],
    		buttons : [{
    			xtype : "button",
    			text : "订单号",
    			style : {
    				marginLeft : '20px'
    			},
    			handler : function() {
    				var o = Ext.getCmp("content");
    				o.focus();
    				var value = "{Tradeoid}";
    				insertValue(o, value);
    			}
    		}],
    		renderTo : Ext.getBody()
    	});
    	//插入方法
    	function insertValue(el, value) {
    		if (el.inputEl.dom.setSelectionRange) {
    			var withIns = el.inputEl.dom.value.substring(0,
    				el.inputEl.dom.selectionStart)
    				+ value;// 获取光标前的文本+value
    			var pos = withIns.length;// 获取光标前文本的长度
    			el.inputEl.dom.value = withIns
    				+ el.inputEl.dom.value.substring(
    					el.inputEl.dom.selectionEnd,
    					el.inputEl.dom.value.length);// 光标前文本+获取光标后文本
    			el.inputEl.dom.setSelectionRange(pos, pos);// 设定光标位置
    		} else if (document.selection) {
    			document.selection.createRange().text = value;// 获取激活文本块
    		}
    	}
    });

发表评论取消回复

表情：

评论列表（有 0 条评论，220人围观）

还没有评论，来说两句吧...

相关阅读

相关 input获取光标位置,插入emoji

在使用emoji表情的时候,需要在多个文字中间进行插入表情需要使用原生获取input框(因为使用组件会被包裹一层,使用ref无法直接获取) onSelectEm

╰+哭是因爲堅強的太久メ/ 2022年10月17日 04:18/ 0 赞/ 154 阅读

相关 html文本框光标位置,html的文本框显示光标如何在htmlText文本框光标处插入字符...

HTML 如何设置文本框中光标位置和光标居中我写样式，把文本框的宽度加大了。但是光标位置在上面。 html怎么让文本框的光标出现在内容最后 ![101a6e366fac

我会带着你远行/ 2022年10月06日 03:55/ 0 赞/ 16 阅读

相关 JS在TextArea光标位置插入文字+移动光标到文字末尾

=IE支持document.selection =Firefox，Chrome,Safari以及Opera都有selectionStart和selectionEnd属性

墨蓝/ 2022年10月01日 05:55/ 0 赞/ 169 阅读

相关光标所在位置插入一串字符，并在特定位置设置光标锁定位置

在写一个小型的编辑器时，有很多的鼠标点击事件，用于设定markdown语法。那么如何获取光标的所在位置，并插入一串字符，且将光标定位到特定位置？接下来就是在网上查看的方法

喜欢ヅ旅行/ 2022年07月28日 09:22/ 0 赞/ 219 阅读

相关可编辑的DIV（兼容IE8）以及插入内容到光标位置

在做web版聊天程序时，往往需要将一个DIV设置为可编辑状态，并且可以插入表情。插入表情时，不仅仅是在输入的文字最后追加表情，还可能在输入文本的中间，即光标位置插入表情（

墨蓝/ 2022年06月03日 05:23/ 0 赞/ 203 阅读

相关 js 在div光标位置加入内容

完整代码，可以自己测试 div指定位置插入内容 <html> <head></head> <body> <img id="pic"

ゝ一世哀愁。/ 2022年04月16日 04:12/ 0 赞/ 231 阅读

相关修改 EditText 中的光标位置

Android 的 EditText 控件默认获取焦点的时候, 插入光标是在第一个位置的,如果EditText中设置了文本, 这个时候光标是在文本的最前面, 而不是文本的最后.

水深无声/ 2022年04月12日 07:49/ 0 赞/ 263 阅读

相关 textarea在光标位置添加内容

(function($) \{ $.fn.extend( \{ insertContent : function(myValue,

左手的ㄟ右手/ 2022年03月11日 08:10/ 0 赞/ 346 阅读

相关 extjs4.x 在textareafield中的光标位置动态插入内容

Ext.onReady(function() { Ext.create('Ext.panel.Panel', { bodyPadding : 5,

男娘i/ 2021年12月24日 05:53/ 0 赞/ 221 阅读

相关 js 动态设置input光标位置、选中

input节点.setSelectionRange(开始索引, 接收索引, 方向); 方向:"forward","backward"和"none" 3个可选值

超、凢脫俗/ 2021年07月24日 11:43/ 0 赞/ 905 阅读