【问题标题】:How to create/handle jQuery UI dialog that updates model如何创建/处理更新模型的 jQuery UI 对话框
【发布时间】:2012-09-21 04:53:25
【问题描述】:

当某个场景发生在我的 MVC 4 视图上时,我需要提出一个问题。

当这种情况成立时,我只想以模态方式弹出一个 jQuery UI 对话框。该对话框将只有两个“WidgetType”单选按钮(紫色或蓝色)。

viewModel 具有 SelectedWidgetType 的属性(具有默认值)。

我只是在寻找使用用户在对话框中选择的选项来处理更新底层模型的最佳方法。

提前感谢您的任何回复。

注意:我使用这个过于简单的示例作为其他对话框的基础,这些对话框将包含更多字段,这些字段也会更新基础模型。

创建对话框并不难,但我正在努力获取这些值。

【问题讨论】:

  • 你考虑过 MVC 4 的 Web API 吗? API 与控制器非常相似,但在模型上提供了可从 Javascript 调用的 RESTful 操作。
  • 好吧,我咬一口。提供样品怎么样?
  • 当然。如果我提供的链接中的教程不够广泛,codeproject 上有一个very complete example
  • 感谢您的示例,非常感谢。仍然没有解决我关于 jQuery UI 对话框确认的问题。

标签: jquery-ui asp.net-mvc-4 jquery-ui-dialog


【解决方案1】:

使用 jQuery 的 AJAX 发布方法。

在前端创建一个映射到数据模型参数的视图模型 JavaScript 对象。每当用户通过每个表单元素的更改事件句柄调用更新方法来更改其所选选项时,都可以触发此视图模型对象进行更新。

通过使用 json2.js 将其打包到 JSON 对象中,将其传递回服务器控制器

如果您想要一个完整的框架/优雅的解决方案,请考虑使用为您模拟大部分内容的 knockout.js...!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-05-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多