我有一张上面的表格。我正在努力工作,因为当用户选择表名称&权限,它返回到服务器端,获取所选表的列和&将所有列名显示为复选框。当使用选择Save btn时,HttpPost将执行,当用户选择Cancel时,返回主页。
我为此创建了一个ViewModel:
// Actual EF Model
public partial class TablePermission
{
public int Id { get; set; }
public int UserId { get; set; }
public int PermissionLevelId { get; set; }
public string TableName { get; set; }
public string RestrictViewFields { get; set; }
public string RestrictEditFields { get; set; }
public virtual PermissionLevel PermissionLevel { get; set; }
public virtual User User { get; set; }
}
// View Model for the View
public class TablePermissionsVM
{
public TablePermissionsVM()
{
TablePermission = new TablePermission();
RestrictViewFields = new List<FieldList>();
// Created for trial to see Checkboxes
RestrictViewFields.Add(new FieldList() { FieldName = "UserId", Selected = false });
RestrictViewFields.Add(new FieldList() { FieldName = "fName", Selected = false });
RestrictViewFields.Add(new FieldList() { FieldName = "lName", Selected = false });
RestrictEditFields = new List<FieldList>();
}
public TablePermission TablePermission { get; set; }
public List<FieldList> RestrictViewFields { get; set; }
public IEnumerable<FieldList> RestrictEditFields { get; set; }
}
// Model to save field names & it's selected status
public class FieldList
{
public string FieldName { get; set; }
public bool Selected { get; set; }
}
}
控制器更新:添加新操作(FillFields())必须调用onChange事件的方法
[Authorize]
[HttpGet]
public ActionResult TablePermissions(TablePermissionsVM tablePermissionVm)
{
return View(tablePermissionVm);
}
// Action Method to Fill Column names for the List<>.
public ActionResult FillFields(string tableName, string tblPermLevel)
{
// WANT TO RETURN HERE ANOTHER LIST (2 LIST OBJECTS) IN JSON
// restrictView & restrictEdit
var restrictView = DbUtilities.GetColumnNames(tableName);
var restrictEdit = DbUtilities.GetColumnNames(tableName);
return Json(restrictView, JsonRequestBehavior.AllowGet);
}
查看 - 更新的代码:表名列表的aDDED绑定字段&amp; TableLevelPermission,我在更改Table Selected事件时使用的脚本。 更新 - 表格ID,脚本方法
@model DataStudio.Models.TablePermissionsVM
using (Html.BeginForm("TablePermissions", "Admin", FormMethod.Post, new { id = "tblPermForm" }) ))
{
@Html.AntiForgeryToken()
<div class="form-group">
@Html.LabelFor(model => model.TablePermission.TableName, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="editor-field">
@Html.DropDownListFor(model => model.TablePermission.TableName,
DbUtilities.GetTableNames(), "Select Table",
new { @class = "form-control", @onchange="FillFields()" })
@Html.ValidationMessageFor(model => model.TablePermission.TableName, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.TablePermission.PermissionLevelId, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="editor-field">
@Html.DropDownListFor(model => model.TablePermission.PermissionLevelId, DbUtilities.GetPermissionLevelList(), "Select Permission Level", new { @class = "form-control" })
@Html.ValidationMessageFor(model => model.TablePermission.PermissionLevelId, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.RestrictViewFields, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="editor-field">
**// NEED TO ADD CHECK BOXES HER RECEIVED THRU SCRIPT**
</div>
</div>
}
<script>
function FillFields() {
var tblName = $('#TablePermission_TableName').val();
var tblPermLevel = $('#TablePermission_PermissionLevelId').val();
//($('tblPermForm').valid()) { ERROR - OBJECT DOESN'T HAVE valid()'
if (tblName != null && tblPermLevel != null) {
$.ajax({
url: '/Admin/FillFields',
type: 'GET',
dataType: "JSON",
data: { TableName: tblName, TablePermLevel: tblPermLevel },
success: function (restrictView) {
$("#RestrictViewFields").html(""); // Clear before appending new ones
$.each(restrictView, function (i, field) {
$("#RestrictViewFields").append(
$('<option></option>').val(field.FieldName).html(field.FieldName))
// WANT TO ADD AS 3 CHECKBOX IN A ROW
});
}
});
}
}
</script>
他们有几件我无法弄清楚的事情。与它混淆。主要是,确保两个下拉框都有价值,我需要再次执行&#34; Get&#34;并获取所选表格的列名称&amp;将列显示为复选框。 我实现Checkboxes的方式,我将在HttpPost中获得正确选择的值,对!我在哪里错了吗?
如果选择了下拉列表,如何制作获取请求?
非常感谢任何帮助。非常感谢。
更新我开始尝试只使用TableName选择(我想要两个下拉列表),但事件不会发生并转到脚本中的FillFields()。我哪里错了?我从here尝试了这个逻辑。无法理解为什么它不会被解雇??? 顺便说一句,这是一个完整的形式,我的意思是,它们不是部分形式。我想在TableName&amp;选择中填写那些2 RestrictXFields中的复选框控件。 Permssion复选框&amp;在保存btn,发送所有请求&amp;保存到db。
更新:非常感谢,Stephen&amp; Chethan。在您的支持下,我确定了未触发事件的原因。事件被触发,我能够从db检索列名,成功的HTML部分没有被更新。斯蒂芬,我还添加了表格ID&amp;按照你的指示尝试了form.valid(),但我得到错误脚本并没有识别valid()。 Model中的两个字段在MetaData类中都标记为Required。目前,测试var!= null都有效。但是,我喜欢你的valid()选项。
答案 0 :(得分:1)
根据我的理解,您应该使用ajax调用来获取复选框。
在控制器中创建一个操作方法,该方法接受TableName和TableLevelPermisson下拉列表的选定值。使用这些值来获取
List<FieldList> RestrictViewFields
IEnumerable<FieldList> RestrictEditFields.
并将其用作部分视图的数据/模型。
在更改下拉列表值时,使用ajax调用此操作方法。 获取从局部视图返回的HTML并在DOM中使用它。
如果选择了下拉列表,如何制作获取请求?
如果你正在使用jQuery:只需google for&#34;下拉jquery中的更改事件&#34;和ajax调用示例。