Kendo UI MVC:按需添加小部件(动态)
Kendo UI MVC: Add widgets on demand ( dynamically )
我在 ASP.net MVC 应用程序中使用 Kendo UI MVC 包装器。在用户创建视图中,根据数值框的值(Children 的数量),我需要动态显示 child 姓名和 child 年龄的小部件。
我们如何使用 Kenod UI MVC 实现这一目标?有人可以分享实现上述场景的演示 URL 吗?
您必须生成表单元素。您可以生成 html 并附加到 div
容器,并为所有 kendo 小部件设置 data-role
,然后在该容器中调用 kendo.init()
,例如:
// Do this inside a loop by the Number of Children set in the other form element
$("#container").append("<input type='numeric' data-role='numerictextbox' name='child_age[]' />");
kendo.init("#container");
我在 ASP.net MVC 应用程序中使用 Kendo UI MVC 包装器。在用户创建视图中,根据数值框的值(Children 的数量),我需要动态显示 child 姓名和 child 年龄的小部件。
我们如何使用 Kenod UI MVC 实现这一目标?有人可以分享实现上述场景的演示 URL 吗?
您必须生成表单元素。您可以生成 html 并附加到 div
容器,并为所有 kendo 小部件设置 data-role
,然后在该容器中调用 kendo.init()
,例如:
// Do this inside a loop by the Number of Children set in the other form element
$("#container").append("<input type='numeric' data-role='numerictextbox' name='child_age[]' />");
kendo.init("#container");