我需要完全动态地创建一个用户界面。要求是页面上有大约 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/