javascript - 如何生成完全动态的 UI? MVC 或 WebForms

标签 javascript asp.net-mvc asp.net-mvc-3 webforms

我需要完全动态地创建一个用户界面。要求是页面上有大约 100 个控件(可能更多),并且当您填写表单时,表单本身会发生变化。例如,当您填写年龄时,如果年龄超过30岁但低于50岁,则接下来的3个问题会有所不同 - 如果您超过50岁,则只有2个问题,并且它们也将完全不同。该页面将继续像这样动态流动,并且仅与您相关的控件应该仅在您回答问题时出现,因为它们可能与您不相关,因此我们必须将它们隐藏到最后时刻。

我可以使用 ASP.NET WebForms 或 MVC。我意识到 MVC 没有服务器控件的概念,这需要使用 JS 来完成。我愿意使用任何一种技术,但我应该注意,这将是第一次开发 MVC 应用程序。我还可以访问我想要的任何第 3 方 UI API - Telerik、Component Art、Dev Express - 我只需要让它正常工作并让它变得漂亮即可。

您会采用什么方法来动态生成此 UI?是否有我可以考虑的设计模式/方法?

最佳答案

您可以做的是,创建每个动态元素集并将它们放入 div 中。根据现在的答案,您可以将这些 div 注入(inject),或者已经排列好但隐藏,并使它们在正确答案中可见。所有这些逻辑都将进入您的 Controller ,您只需要有一个起始 View ,以及一个具有 ID 的元素。

document.getElementById(elementID)

if ((correctAnswer)&&(element.style.display=='none'))
   element.style.display="block"

关于javascript - 如何生成完全动态的 UI? MVC 或 WebForms,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14235473/

相关文章:

javascript - 执行 NodeJS 模块并注入(inject)特定变量

c# - ASP.NET MVC - 从 View 中的 URL 获取参数值

.net - 奇怪的 LINQ 异常

regex - 如何创建一个正则表达式来删除下划线

javascript - 使用数组元素分配 “id=” 值返回 : TypeError: document. getElementById(...) 为 null

javascript - 在数组中查找时间,如果没有找到,则选择上一个

javascript - 无法读取reducer redux中未定义的属性 'data'

asp.net-mvc - jQuery UI 图标在调试部署中显示,但在发布中不显示

asp.net-mvc - Razor View 引擎 .cshtml 页面中的 OutputCache

jquery - MVC3 正则表达式验证器 - "Syntax Error In Regular Expression"