2017-05-05 16 views
0

我有一个剑道模板命名editor_template并有模板内<select>元素。 <select>是一个下拉菜单,根据我们从用户提取的信息,可以包含任意数量的任意类型的项目。所以我试图找到一种方法来将<option>元素插入到select中,但到目前为止没有运气。将动态选项插入到已建立的kendo ui模板的<select>元素中?

我已经试过了诸如:

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

这会抢我的<select>元素,并替换变量,但没有任何变化反映在editor_template

我也试过,没有运气的.innerHTML而不是html()后去了。

简单地做:

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

什么也没做。

我有<select>variable</select>,等等变量应该这样做代替,但它不会取代任何东西。

如何得到这个已经在kendo模板中明确指出的<select>,然后将任意数量的动态获取的选项插入到下拉列表中?

+0

我建议你去完成明白了一切写道[这里](http://docs.telerik.com/kendo-ui/framework/templates/overview)与您的自定义前进了。 –

+0

谢谢,我还没有找到该文档。关于设置变量,然后赋值给模板中的变量的信息将有望在这种情况下非常有用 –

回答

0

我没有看到.replace()是一个jQuery的功能,我不清楚“变量”选择是什么...

假设dropdownID是ID为您<select>标签和optionList包含HTML,尝试$('#editor_template').find('#dropdownId').html(optionList);

+0

好的,我会试一试。取而代之的是对JS的字符串,这就是为什么我打电话的HTML()函数来得到它以字符串形式,然后做一个替换字符串 –

+0

应该工作,看到的jsfiddle测试:https://jsfiddle.net/l0ul0u/sk71y7es/ – l0ul0u

+0

我改变了我的变量,其中我的选项将转到#=变量#语法kendo说用于将html插入到模板中的变量中。然后使用: VAR模板= kendo.template($( '#editor_template')HTML()); $('#editor_template')。html(template({whatIdOptions:whatOptString,whoIdOptions:whoOptString})); 而且,我的选项列表放入我的模板中以代替变量。感谢您的帮助! –

相关问题