2016-03-22 7 views
1

私はExtJS 4を使用しています。テキストフィールドに電子メールアドレスを入力するときに閉じられるラベルと同様のものを実装する必要があります(下記スクリーンショット参照)。私はExtJSライブラリを見直してきました。これは、カスタムクローズ可能なパネルを使ったレイアウトや、CellEditingをグリッドで使用するためのものですが、私はまだテキストフィールドでそれを行う方法を見ていませんでした。ExtJs - ダイナミックに閉じることができるラベルのテキストフィールド

私の質問は正しい方向にあるのでしょうか、仕事にもっと適していると考えるべき別の要素がありますか?さらに、もし誰かが私がスクリーンショットで持っているものに近いものをコード例を指し示すか提供することができれば、それはまた非常に役に立つでしょう。

GMail - Email Labels

+4

Ext 5はタグフィールドを導入しました。あなたはアップグレードを見たり、おそらくそのコンポーネントをバックポートしようとすることができます。 –

+0

@EvanTrimboli私が知る限り、タグフィールドは、既存のタグから選択するためだけに新しいタグを入力することを許可していません。 – Alexander

+2

それを行うことができます、それはコンボボックスを拡張します:http://docs.sencha.com/extjs/6.0/6.0.1-classic/#!/api/Ext.form.field.Tag-cfg-createNewOnEnter 、http://docs.sencha.com/extjs/6.0/6.0.1-classic/#!/api/Ext.form.field.Tag-cfg-createNewOnBlur –

答えて

2

あなたはExtJSに4であるとして、あなたはBoxSelectになっているはずです。

ここで必要なカスタマイズを行う必要があるかもしれません。しかし、これは高レベルですが、これはExt-4のタグを入力するためのまともなフィールドです。

実際、ExtJS5のタグフィールドは、BoxSelectに触発されています。

+0

BoxSelectにお試しいただきありがとうございます! –

関連する問題