下面的编辑器模板不能按照我想要的方式工作;
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<SHP.Models.BusinessUnitSelected>" %>
<tr>
<td><%: Model.BusinessUnit.BusinessUnitName %></td>
<td><%: Html.CheckBoxFor(model => model.Selected,
new { onclick = "SaveSelection(" + Model.EmployeeId + ", " + Model.BusinessUnit.BusinessUnitId + ", " + Convert.ToInt32(Model.Selected) + ", " + this.ClientID + ")" }) %>
</td>
</tr>
我想获取复选框的 ID,以及这个。客户端 ID 无法执行此操作。此编辑器模板在表中形成行网格。当一个人点击复选框时,将执行保存选择javascript;
function SaveSelection(employeeId, businessUnitId, selectedFlag, elementId) {
//var tempFlag = selectedFlag === "0";
var element = document.getElementById(elementId);
if (selectedFlag === null) {
selectedFlag = true;
} else {
selectedFlag = !selectedFlag;
}
var url = '<%: Url.Action("AddBusinessUnitForEmployee", "DataService")%>';
dataService.saveSelection(employeeId, businessUnitId, selectedFlag, elementId, SavedSetting, url);
}
SavedSetting = function(data) {
$('#' + data.ElementId).after('<span class="error">' + data.Message + '</span>');
};
我想要的是服务器调用后在复选框旁边显示一条消息。那么我该怎么做呢?关于如何改进此代码的建议将获得加倍奖励。
HTML5 data-*
属性:
<%@ Control
Language="C#"
Inherits="System.Web.Mvc.ViewUserControl<SHP.Models.BusinessUnitSelected>"
%>
<tr>
<td><%: Model.BusinessUnit.BusinessUnitName %></td>
<td>
<%= Html.CheckBoxFor(
x => x.Selected,
new {
data_url = Url.Action("AddBusinessUnitForEmployee", "DataService"),
data_employeeId = Model.EmployeeId,
data_businessUnitId = Model.BusinessUnit.BusinessUnitId
}
) %>
</td>
</tr>
然后在单独的 JavaScript 文件中不显眼地订阅这些复选框的 .click()
事件,然后从 data-*
属性中获取所需的信息:
$(function() {
$('tr input[type="checkbox"]').click(function() {
var elementId = $(this).attr('id');
var url = $(this).data('url');
var employeeId = $(this).data('employeeId');
var businessUnitId = $(this).data('businessUnitId');
var selectedFlag = !$(this).is(':checked');
dataService.saveSelection(
employeeId,
businessUnitId,
selectedFlag,
elementId,
SavedSetting,
url
);
});
});
备注:我不记得MVC 2是否支持data_
语法 ASP.NET 以便在生成的标记中将其重写为data-
语法。这在 ASP.NET MVC 3 及更高版本中明确受支持。如果它不适合您,您可以使用不同的重载来RouteValueDictionary
:
<%= Html.CheckBoxFor(
x => x.Selected,
new RouteValueDictionary
{
{ "data-url", Url.Action("AddBusinessUnitForEmployee", "DataService") },
{ "data-employeeId", Model.EmployeeId },
{ "data-businessUnitId", Model.BusinessUnit.BusinessUnitId }
}
) %>