2017-05-05 7 views
0

私はという名前の剣道テンプレートを持っています。このテンプレートはeditor_templateであり、テンプレート内に<select>という要素があります。 <select>はドロップダウンで、ユーザーから取得した情報に基づいて任意の種類の名前のアイテムをいくつでも持つことができます。だから私は選択に<option>要素を挿入する方法を見つけようとしていますが、これまで運がなかった。剣道テンプレートの要素<select>に動的オプションを挿入しますか?

私はのようなもの試してみました:私の<select>要素をつかむと、変数を置き換えますが、何の変化がeditor_templateに反映されなかったでしょう

$($('#editor_template').html()).find('#dropdownId').html().replace('variable', optionList); 

を。

html()の代わりに.innerHTMLの代わりにやってみました。

だけでやって:

$('#editor_template').html().replace('variable', optionList);

は何もしませんでした。

私は<select>variable</select>ですので、変数に置き換えてください。何も置き換えないでください。

<select>は、剣道のテンプレートに具体的に記載されていますが、次に動的に取得する任意の数のオプションをドロップダウンに挿入するにはどうすればよいですか?

+0

カスタマイズを進める前に、[ここ](http://docs.telerik.com/kendo-ui/framework/templates/overview)で書いたことをすべて理解しておくことをお勧めします。 –

+0

ありがとう、私はまだそのドキュメントを発見していない。変数を設定し、テンプレートの変数に値を代入することについての情報は、うまくいけば、この状況に非常に役立ちます。 –

答えて

0

私は(その.replaceが表示されません)jQueryの関数であり、私は「変数」セレクタが何であるかは不明だ...

、dropdownIDがあなたの<select>タグのIDであるとoptionListはHTMLが含まれていると仮定すると、試してみてください。$('#editor_template').find('#dropdownId').html(optionList);

+0

これを試してみましょう。置き換えはJSの文字列のため、html()関数を呼び出して文字列形式で取得した後、文字列の置換を行います –

+0

jsFiddleでテストされていることを確認してください:https://jsfiddle.net/l0ul0u/sk71y7es/ – l0ul0u

+0

私の変数を変更しました。私のオプションは変数#になりました。#kendoはテンプレートの変数にhtmlを挿入するのに使います。次に使用されます: var template = kendo.template($( '#editor_template')。html()); $( '#editor_template')。html(テンプレート({whatIdOptions:whatOptString、whoIdOptions:whoOptString})); それは変数の代わりにテンプレートに自分のオプションリストを持っています。お手伝いありがとう! –

関連する問題