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

1. Ext.onReady(function() {  
2.     Ext.create('Ext.panel.Panel', {  
3.         bodyPadding : 5, // Don't want content to crunch  
4.         // against the borders  
5.         width : 300,  
6.         title : 'Filters',  
7.         items : [{  
8.             xtype : 'textareafield',  
9.             id : 'content',  
10.             fieldLabel : 'content'  
11.         }],  
12.         buttons : [{  
13.             xtype : "button",  
14.             text : "订单号",  
15.             style : {  
16.                 marginLeft : '20px'  
17.             },  
18.             handler : function() {  
19.                 var o = Ext.getCmp("content");  
20.                 o.focus();  
21.                 var value = "{Tradeoid}";  
22.                 insertValue(o, value);  
23.             }  
24.         }],  
25.         renderTo : Ext.getBody()  
26.     });  
27.     //插入方法  
28.     function insertValue(el, value) {  
29.         if (el.inputEl.dom.setSelectionRange) {  
30.             var withIns = el.inputEl.dom.value.substring(0,  
31.                 el.inputEl.dom.selectionStart)  
32.                 + value;// 获取光标前的文本+value  
33.             var pos = withIns.length;// 获取光标前文本的长度  
34.             el.inputEl.dom.value = withIns  
35.                 + el.inputEl.dom.value.substring(  
36.                     el.inputEl.dom.selectionEnd,  
37.                     el.inputEl.dom.value.length);// 光标前文本+获取光标后文本  
38.             el.inputEl.dom.setSelectionRange(pos, pos);// 设定光标位置  
39.         } else if (document.selection) {  
40.             document.selection.createRange().text = value;// 获取激活文本块  
41.         }  
42.     }  
43. });