从动态添加到页面的无序列表中获取数据



我有一个页面,我可以在其中创建一些配置部分,该页面的结构如下:它有一个按钮,用于向页面添加部分视图(使用 AJAX 调用(,在此部分视图上,我有:

  • 用于选择部分的下拉列表
  • 可用项目列表
  • 所选项目列表

所选项目的列表通过拖放使用 jQuery UI(可排序(填充。上述项目可以根据用户的意愿重复。我想将从所有下拉列表和所有选定项目列表中选择的数据传递给控制器。

我不知道如何使用@model甚至ViewBag,因为所选项目列表最初是空的,并在客户端填充。作为旁注,我不需要可用内容的列表。

更新:

我改变了这个问题,因为我愿意将所有数据放在一个表格中,我放弃了使用 javascript 收集数据并向我的控制器发出请求的想法。所以现在我尝试使用FormCollection来获取数据。唯一的问题是,当我提交表单时,FormCollection里面没有数据。

更新 2:

在研究了FormCollection和ModelBinding之后,我遇到了一个障碍。我无法获取窗体上没有 name 属性的项目。问题是<ul><li>元素没有 name 属性。所以问题是,如果它们没有name,我如何使用上述方法从这些元素中获取数据?

我已经找到了解决方案:我放弃了使用列表,转而使用带有ui.multiselect插件的select multiple。这解决了这个问题,因为选择具有 name 属性,我可以使用 FormCollection 获取数据。