【问题标题】:What is the quickest, easiest and lowest cost way to populate a bootstrap modal form填充引导模式表单的最快、最简单和最低成本的方法是什么
【发布时间】:2020-03-30 11:55:52
【问题描述】:

例如,我有一个项目表,每个项目都有编辑按钮:

我想尽可能快速、高效且轻松地在引导模式中填充编辑表单。 目前,我已经尝试通过 Javascript 填充到部分中,但这有点笨重,当有特定的功能、不同的输入和不同的输入数据方式时,不适合我的需要。在我的一些表格中,编辑功能需要 500 多行 Javascript 来计算和处理一堆不同的情况。

我还尝试使用部分模型为每个项目生成一个新的模态部分,但在包含 1000 多个项目的较大表格中,这往往会滞后页面或花费大量时间来加载。

我需要一种用尽可能少的代码快速填充模式的方法。希望我想要一种全球化的方式来为任何给定的模型执行此操作。

我还需要能够填充表单操作,以根据项目执行各种不同的操作。

我听说 Ajax 是一种可行的方法,但由于我对 Web 开发比较陌生,因此我不能 100% 确定如何做到这一点。

非常有用并且可以解决我所有问题的是一种在页面加载后和编辑按钮输入时呈现模式的方法。 因此页面呈现->您单击给定项目上的编辑->然后呈现编辑模式。虽然我认为这是不可能的。

这只是一个示例模式形式:

谢谢

【问题讨论】:

    标签: asp.net-mvc twitter-bootstrap asp.net-core


    【解决方案1】:

    目前,我已经尝试通过 Javascript 填充到部分中,但这有点笨重,并且在有特定功能、不同输入和不同输入数据的方式时不适合我的需要。

    我还尝试使用部分模型为每个项目生成一个新的模态部分

    要在弹出模式中显示编辑记录,我们可以完全使用 JavaScript 来实现,也可以使用部分视图混合。

    如果您不想通过 100% JavaScript 客户端代码生成/填充用于编辑行的弹出模式,您可以尝试:

    1) 当您单击编辑按钮时,向控制器操作发出 ajax 请求,该控制器操作接受所选项目的参数Id

    2) 在该操作中,您可以根据Id 检索要编辑的项目的详细信息和预期信息,该操作将返回部分视图

    3) 在局部视图中,您可以根据检索到的项目信息呈现预期的输入字段

    4) 在ajax成功回调函数中,用返回的数据动态填充popup modal的body

    另外,this thread 讨论了将局部视图渲染为模态弹出窗口,您可以参考。

    【讨论】:

    • 这绝对是完美的。非常感谢。抱歉重复的线程。似乎无法为此找到答案。谢谢大家
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-08-12
    • 1970-01-01
    • 2013-04-06
    相关资源
    最近更新 更多