У меня есть две функции JavaScript.Один я не передаю значение, а другой я делаю.При просмотре в отладчике Chrome я получаю сообщение об ошибке, что эта функция недопустима.
GOOD ONE
function CreateEmployee() {
var div = $("#OpenDilog");
div.load("/Home/Create", function () {
div.dialog({
modal: true,
width: 500,
height: 400,
title: "Add New Employee",
resizable: false
});
});
}
BAD ONE
function EditEmployee(E_ID) {
alert("value: " + E_ID);
var ph = $("#OpenDilog");
ph.load("/Home/Edit?taskId=" + E_ID, function () {
ph.dialog({
modal: true,
width: 500,
height: 400,
resizable: false
});
});
}
Окно оповещения всплывает с правильным идентификатором, но затем происходит сбой после слов на ph.dialog не является функцией.
Подпись контроллера
[HttpGet]
public PartialViewResult Edit(int taskId)
ENTIREФАЙЛ
@model List<SFTPWatcherManager.Models.fals_ftp_watcher_manager_sp_Result>
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
<style type="text/css">
.grid {
width: 100%;
}
</style>
}
<div style="padding:7px 0;">
<input type="button" value="Add New SFTP Watcher" onclick="CreateEmployee()" />
</div>
<div id='OpenDilog'></div>
<h3>Employee Information List</h3>
<div style="width:100%;">
@{
WebGrid grid = new WebGrid(Model);
@grid.GetHtml(
tableStyle: "grid",
fillEmptyRows: false,
mode: WebGridPagerModes.All,
firstText: "<< First",
previousText: "< Prev",
nextText: "Next >",
lastText: "Last >>",
columns: new[] {
grid.Column("task_id",header: "ID"),
grid.Column("task_name",header: "Name"),
grid.Column("client"),
grid.Column(format: @<text><input type="hidden" name="task_id" value="@item.task_id" /> </text>),
grid.Column("Action", format: @<text><a href="#" , onclick="EditEmployee('@item.task_id');return false;">view</a></text>)
}
)
}
</div>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/themes/base/jquery-ui.css")" rel="stylesheet" type="text/css" />
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/Scripts/jquery-ui.min.js")
<script type="text/javascript">
function CreateEmployee() {
var div = $("#OpenDilog");
div.load("/Home/Create", function () {
div.dialog({
modal: true,
width: 500,
height: 400,
title: "Add New Employee",
resizable: false
});
});
}
function EditEmployee(E_ID) {
alert("value: " + E_ID);
var ph = $("#OpenDilog");
ph.load("/Home/Edit?taskId=" + E_ID, function () {
ph.dialog({
modal: true,
width: 500,
height: 400,
resizable: false
});
});
}
</script>