2017-09-26 118 views
1

我是Ext JS的新手,我想知道是否可以創建一個Textfield或一個不同的組件並將其插入到一個網格面板單元格中。到目前爲止,我已經嘗試過這種(不退還我的分量):渲染單元格時是否可以返回TextField?

{ 
         header  : ..., 
         id   : ..., 
         dataIndex : ..., 
         sortable  : true, 
         width  : 140, 
         renderer: function(value, meta, record) { 
          return new Ext.form.TextField({fieldLabel: 'field', text: 'test'}); 
         } 
        } 

我願做cellEditing類似的東西,但我不能使用該插件,因爲我有一箇舊的工作版本的分機(3.2.1)。

我的目標是展現出textfiled當有人點擊在一個特定的細胞。

謝謝。

回答

0

https://fiddle.sencha.com/#fiddle/27e7&view/editor

我回來了HTML輸入字段列渲染內。

就像細胞編輯,我已經設置爲textfield.Also我已經加入其中,你可以寫類似細胞編輯的編輯監聽器代碼模糊事件處理方法的價值。

這是你想要的嗎?或其他一些變化。請檢查它。 添加代碼在這裏:

renderer: function (value, meta, record) { 
       return "<input onblur='onBlurEventHandler(event)' value="+value+" style='width: 90 px;'></input>" 
      } 

function onBlurEventHandler(event){ 
    console.log('Value: '+event.currentTarget.value); 
}