2017-09-26 3 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と似た何かをしたいのですが、私はそのプラグインを使用することはできませんExt(3.2.1)のバージョン。

私の目標は、特定のセルをクリックしたときにテキストファイルを表示することです。

ありがとうございます。

答えて

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); 
} 
関連する問題