2011-10-05 17 views
0

divの中にネストされた入力ボックスとラベルをレンダリングする必要があります。問題は、入力ではなくHTMLが表示されています。これを達成する最良の方法は何でしょうか?ネストされたautoElタグ内のExtJS 4テキストフィールド

これは、潜在的にネストされたdivと入力ボックスの無制限量を持っています。

{ 
xType: 'panel', 
autoEl:[ 
{ 
    tag: 'div', cls:'rule', children: 
    [ 
    { 
    tag: 'div', cls:'condition', children: 
    [ 
    {tag: 'span', html:'Permit'}, 
    { 
    xtype: 'textfield', 
    name: 'inputname', 
    value: 'this is my test', 
    } 
    ] 
    } 
    ] 
} 
], 
} 
+0

なぜこれを行う必要がありますか?どのような問題を解決しようとしていますか? – dmackerman

+0

これはXMLエディタ用です。コードのこの部分は、入れ子になった条件と値をフォームにレンダリングしてインデントされた形で無制限に表示する必要がある場所です。現在のところ私のソリューションは、ネストされたdivの入力をHTMLに変換し、それをパネルのhtmlプロパティに貼り付けるだけです。その後、それぞれの入力ボックスを検索して機能をバインドします。それはうまくいきますが、リスナーやカスタムコンポーネントなどを置くことができればいいと思います。フォームを生成します。 – Batir

+0

FYI:この行のような中括弧の前の ''値: 'これは私のテストです'、 'または'で ''、 'はIE9のような一部のブラウザでコードの実行を停止させます。すべての不要なカンマを削除する必要があります。 – suknic

答えて

0

フォームを使用して入力フィールドを追加してみませんか?フォームのパネルで使用可能なレイアウトを使用できます。フォームをオンザフライで追加すると、かなりうまく動作します。また、コントローラを使用して関数をフォームフィールドにバインドすることもできます。

+0

私はそれを行うことができると思うが、入れ子にされたautoElタグとコンポーネントを組み合わせることが可能ならば、何を思いついているのだろう。 – Batir

+2

フレームワークと戦わないでください! :) – dbrin

関連する問題