).remove(); $(loc)。每个功能(索引,loc){ list.append(“”+ 船位名称+ ''); }); $('select#LocationId').val(data.LocationId); $(“#LocationId>[value=“+data.LocationId+”])) .insertBefore(“#LocationId>:第一个子”); //$(“#LocationId”).append(data.LocationId); //最近的里程碑(); $('select#DelayTypeId').val(data.DelayTypeId); $(“#DelayTypeId>[value=“+data.DelayTypeId+”])) .insertBefore(“#DelayTypeId>:第一个孩子”); //$(“#DelayTypeId”).append(data.DelayTypeId); $('select#ThirdPartyResponsibleId').val(data.ThirdPartyResponsibleId); $(“#第三方责任ID>[value=“+data.ThirdPartyResponsibleId+”])) .insertBefore(“第三方责任:第一个孩子”); $('BeginDelayDateTime').val(parseHoursAndMinutes(data.BeginDelayDateTime)); $('EndDelayDateTime').val(parseHoursAndMinutes(data.EndDelayDateTime)); $('#ResultingDelay').val(data.ResultingDelay); $('#TimeInDelay').val(data.TimeInDelay); if(data.IsServiceFailure){ $('#IsServiceFailure').iCheck('check'); }否则{ $('#IsServiceFailure')。i选中('uncheck'); } 如果(数据已解决){ $(“#IsResolved”).iCheck('check'); }否则{ $('#IsResolved')。i选中('uncheck'); } if(data.isrootcasedelay){ $('isrootcasedelay').iCheck('check'); }否则{ $('isrootcasedelay')。i选中('uncheck'); } $('#Comment').val(data.Comment); $('#SavedVisible')。i选中('uncheck'); $(#SaveNewComment')。i选中('uncheck'); $('#ActualTrainDelayId').val(data.ActualTrainDelayId); //delayExists=true; //$('button#delayAddButton').attr(“id”,delId); }); 警惕(“成功”+ “\n未分析的数据:”+ 资料+ “\n字符串化数据:”+ JSON.stringify(数据)+ //“\n新JS日期:”+newJavaScriptDate+ //“\n日期:”+ParsedBeginDatime+ //“\n格式日期:”+小时和分钟+ //“\n显示时间:”+显示时间+ //“\n作业id:”+data.ActualJobTaskId+ //“\n事故编号:”+data.IncidentNumber+ “\n位置ID:”+ data.LocationId+ “\n开始MP:”+ data.StartMilepost+ “\nEnd MP:”+ data.EndMilepost+ “\n显示类型Id:”+ data.DelayTypeId+ “\n第三方响应:”+ data.ThirdPartyResponsibleId+ “\n分区Id:”+ data.subsectionId+ “\n延迟时间:”+ data.BeginDelayDateTime+ “\n延迟时间:”+ data.EndDelayDateTime+ “\n重试延迟:”+ 数据。结果延迟+ “\n延迟时间:”+ data.TimeInDelay+ “\n根本原因:”+ data.isRootCaseDelay+ “\n已解决:”+ 数据.IsResolved+ “\n服务失败:”+ data.IsServiceFailure+ “\n建议:”+ 数据.评论 ); //$(“#延迟网格”).data('kendoGrid').dataSource.read(); //$(“#delayAddModal”).modal(“隐藏”); }, 错误:函数(){alert(“延迟编辑错误”);} }); //modal.find(“.modal body”).text(“在“+name+”处编辑延迟,id为“+delId”); //modal.find(“.modal footer#delayEditButton”).data(“guid”,delId); });
好的,我想我找到了一个修复方法: 我从以下内容编辑了我的声明:).remove(); $(loc)。每个功能(索引,loc){ list.append(“”+ 船位名称+ ''); }); $('select#LocationId').val(data.LocationId); $(“#LocationId>[value=“+data.LocationId+”])) .insertBefore(“#LocationId>:第一个子”); //$(“#LocationId”).append(data.LocationId); //最近的里程碑(); $('select#DelayTypeId').val(data.DelayTypeId); $(“#DelayTypeId>[value=“+data.DelayTypeId+”])) .insertBefore(“#DelayTypeId>:第一个孩子”); //$(“#DelayTypeId”).append(data.DelayTypeId); $('select#ThirdPartyResponsibleId').val(data.ThirdPartyResponsibleId); $(“#第三方责任ID>[value=“+data.ThirdPartyResponsibleId+”])) .insertBefore(“第三方责任:第一个孩子”); $('BeginDelayDateTime').val(parseHoursAndMinutes(data.BeginDelayDateTime)); $('EndDelayDateTime').val(parseHoursAndMinutes(data.EndDelayDateTime)); $('#ResultingDelay').val(data.ResultingDelay); $('#TimeInDelay').val(data.TimeInDelay); if(data.IsServiceFailure){ $('#IsServiceFailure').iCheck('check'); }否则{ $('#IsServiceFailure')。i选中('uncheck'); } 如果(数据已解决){ $(“#IsResolved”).iCheck('check'); }否则{ $('#IsResolved')。i选中('uncheck'); } if(data.isrootcasedelay){ $('isrootcasedelay').iCheck('check'); }否则{ $('isrootcasedelay')。i选中('uncheck'); } $('#Comment').val(data.Comment); $('#SavedVisible')。i选中('uncheck'); $(#SaveNewComment')。i选中('uncheck'); $('#ActualTrainDelayId').val(data.ActualTrainDelayId); //delayExists=true; //$('button#delayAddButton').attr(“id”,delId); }); 警惕(“成功”+ “\n未分析的数据:”+ 资料+ “\n字符串化数据:”+ JSON.stringify(数据)+ //“\n新JS日期:”+newJavaScriptDate+ //“\n日期:”+ParsedBeginDatime+ //“\n格式日期:”+小时和分钟+ //“\n显示时间:”+显示时间+ //“\n作业id:”+data.ActualJobTaskId+ //“\n事故编号:”+data.IncidentNumber+ “\n位置ID:”+ data.LocationId+ “\n开始MP:”+ data.StartMilepost+ “\nEnd MP:”+ data.EndMilepost+ “\n显示类型Id:”+ data.DelayTypeId+ “\n第三方响应:”+ data.ThirdPartyResponsibleId+ “\n分区Id:”+ data.subsectionId+ “\n延迟时间:”+ data.BeginDelayDateTime+ “\n延迟时间:”+ data.EndDelayDateTime+ “\n重试延迟:”+ 数据。结果延迟+ “\n延迟时间:”+ data.TimeInDelay+ “\n根本原因:”+ data.isRootCaseDelay+ “\n已解决:”+ 数据.IsResolved+ “\n服务失败:”+ data.IsServiceFailure+ “\n建议:”+ 数据.评论 ); //$(“#延迟网格”).data('kendoGrid').dataSource.read(); //$(“#delayAddModal”).modal(“隐藏”); }, 错误:函数(){alert(“延迟编辑错误”);} }); //modal.find(“.modal body”).text(“在“+name+”处编辑延迟,id为“+delId”); //modal.find(“.modal footer#delayEditButton”).data(“guid”,delId); });,javascript,jquery,asp.net-mvc,bootstrap-modal,jquery-select2,Javascript,Jquery,Asp.net Mvc,Bootstrap Modal,Jquery Select2,好的,我想我找到了一个修复方法: 我从以下内容编辑了我的声明: $('select#SubdivisionId').val(data.SubdivisionId); 致: 很抱歉给您带来不便。希望这能有所帮助。干杯< <!-- Modal to Add / Edit Delay parent div must have same id as value of the data-target attribute used to trigger the modal --> <di
$('select#SubdivisionId').val(data.SubdivisionId);
致:
很抱歉给您带来不便。希望这能有所帮助。干杯<
<!-- Modal to Add / Edit Delay parent div must have same id as value of the data-target attribute used to trigger the modal -->
<div class="modal fade" id="delayAddModal" tabindex="-1" role="dialog" aria-labelledby="delayAddLabel">
<div class="modal-dialog" role="document">
<!-- Modal content -->
<div class="modal-content">
<div class="modal-header">
<!-- This "x" button is for dismissing the modal -->
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="delayAddLabel">Add Delay</h4>
</div>
<div class="modal-body">
<p id="testActualJobTaskIdFunction"></p>
@Html.Partial("_ActualTrainDelayAddEdit", Model.TrainDelay)
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<!-- call to js function-->
<button id="delayAddButton" type="button" class="btn btn-primary" data-title="Add Delay">Add Delay</button>
</div>
</div>
</div>
</div>
@model ActualTrainDelayAddEditModel
<form name="delay-form" id="delay-form">
@Html.HiddenFor(m => m.ActualTrainDelayId, new { id = "ActualTrainDelayId" })
@Html.HiddenFor(m => m.ActualJobTaskId)
@*Original:*@
<div class="form-group">
<!-- Renders floating text ("Subdivision") above the select options -->
@Html.LabelFor(m => m.SubdivisionId, new { @class = "field-label always-visible" })
<!-- ID for select element -->
<!-- Renders select class="select" id="SubdivisionId" name="SubdivisionId"><option value="4429faa8-5ad4-4adf-adde-ec7cf88ed9e9" innerHTML "Caltrain"-->
@Html.DropDownListFor(m => m.SubdivisionId, Model.AvailableSubdivisions, new { @class = "select" })
@Html.ValidationMessageFor(m => m.SubdivisionId)
</div>
<!-- Location -->
<div class="form-group">
@Html.LabelFor(m => m.LocationId, new { @class = "field-label always-visible" })
<select id="LocationId" name="LocationId" class="select">
@foreach (var loc in Model.AvailableLocations)
{
<option value="@loc.Id" data-milepost="@loc.Milepost">@loc.Name</option>
}
</select>
@Html.ValidationMessageFor(m => m.LocationId)
</div>
</div>
<script>
// Do this before you initialize any of your modals
$.fn.modal.Constructor.prototype.enforceFocus = function() {};
$("#delayAddModal")
.on("show.bs.modal",
function(event) {
var button = $(event.relatedTarget); // Button that triggered the modal
var modal = $(this);
var title = button.data('title'); // get New title from data-title attribute
var delId = button.data("guid");
var name = button.data("name");
var conditionalVariable = 1;
var updateButtonValue = "Save Edit";
//alert(title);
//$("#SubdivisionId").append("<option value='0'>--Select State--</option>");
//If add delay is clicked there will be no guid
if (delId == null) {
modal.find('.modal-title').text(title); // set title to Add Delay
modal.find('#delayAddButton').text("Add Delay"); // set button value to Add Delay
return;
}
modal.find('.modal-title').text(title); // set title to New title
modal.find('#delayAddButton').text(updateButtonValue); // set button value to Edit Delay
// var button = $(event.relatedTarget);
// var delId = button.data("guid");
// var name = button.data("name");
//var modal = $(this);
$.ajax({
type: "GET",
url: "@Url.Action("GetDelayDataForEditing")/" + "?delayId=" + delId,
dataType: 'json',
//data: delId,
success: function(data) {
modal.find('');
//$("#SubdivisionId").change(function () {
var sub = data.SubdivisionId;
//console.log("This is the subId: "+sub);
//changing the subdivision changes the locations available in the location box
$.getJSON('@Url.Action("LocationBySubdivisionList", "TrainActivity")?id=' + sub,
function(locs) {
// the stuff that needs to happen before the parent ajax completes needs to go in here
$('#IncidentNumber').val(data.IncidentNumber);
// alert("In the getJson function");
//$("select#SubdivisionId").empty();
$('select#SubdivisionId').val(data.SubdivisionId);
//$('#SubdivisionId').select2('data', data.SubdivisionId);
//$('select#SubdivisionId').select2('data', data.SubdivisionId);
//$('#SubdivisionId').select2('data', { id: 100, a_key: 'Lorem Ipsum' });
$("#SubdivisionId > [value=" + data.SubdivisionId + "]")
.insertBefore("#SubdivisionId > :first-child");
//$("#SubdivisionId").append(data.SubdivisionId);
$('#StartMilepost').val(data.StartMilepost);
$('#EndMilepost').val(data.EndMilepost);
var list = $('#LocationId');
list.find('option').remove();
$(locs).each(function(index, loc) {
list.append('<option value="' +
loc.Id +
'" data-milepost="' +
loc.Milepost +
'">' +
loc.Name +
'</option>');
});
$('select#LocationId').val(data.LocationId);
$("#LocationId > [value=" + data.LocationId + "]")
.insertBefore("#LocationId > :first-child");
//$("#LocationId").append(data.LocationId);
//nearestMilepost();
$('select#DelayTypeId').val(data.DelayTypeId);
$("#DelayTypeId > [value=" + data.DelayTypeId + "]")
.insertBefore("#DelayTypeId > :first-child");
//$("#DelayTypeId").append(data.DelayTypeId);
$('select#ThirdPartyResponsibleId').val(data.ThirdPartyResponsibleId);
$("#ThirdPartyResponsibleId > [value=" + data.ThirdPartyResponsibleId + "]")
.insertBefore("#ThirdPartyResponsibleId > :first-child");
$('#BeginDelayDateTime').val(parseHoursAndMinutes(data.BeginDelayDateTime));
$('#EndDelayDateTime').val(parseHoursAndMinutes(data.EndDelayDateTime));
$('#ResultingDelay').val(data.ResultingDelay);
$('#TimeInDelay').val(data.TimeInDelay);
if (data.IsServiceFailure) {
$('#IsServiceFailure').iCheck('check');
} else {
$('#IsServiceFailure').iCheck('uncheck');
}
if (data.IsResolved) {
$('#IsResolved').iCheck('check');
} else {
$('#IsResolved').iCheck('uncheck');
}
if (data.IsRootCauseDelay) {
$('#IsRootCauseDelay').iCheck('check');
} else {
$('#IsRootCauseDelay').iCheck('uncheck');
}
$('#Comment').val(data.Comment);
$('#SavedVisible').iCheck('uncheck');
$('#SaveNewComment').iCheck('uncheck');
$('#ActualTrainDelayId').val(data.ActualTrainDelayId);
//delayExists = true;
//$('button#delayAddButton').attr("id", delId);
});
alert("Success " +
"\nunparsed data: " +
data +
"\nStringified data: " +
JSON.stringify(data) +
//"\nNew JS date: " + newJavaScriptDate +
//"\nDate date: " + parsedBeginDateTime +
//"\nFormatted date: " + hoursAndMinutes +
//"\nDisplay time: " + timeToDisplay +
//"\nAJT id: " + data.ActualJobTaskId +
//"\nIncident Number: " + data.IncidentNumber +
"\nLocation ID: " +
data.LocationId +
"\nStart MP: " +
data.StartMilepost +
"\nEnd MP: " +
data.EndMilepost +
"\nDelay Type Id: " +
data.DelayTypeId +
"\nThird Party Resp: " +
data.ThirdPartyResponsibleId +
"\nSubdivision Id: " +
data.SubdivisionId +
"\nbegin Delay time: " +
data.BeginDelayDateTime +
"\nend Delay time: " +
data.EndDelayDateTime +
"\nresulting delay: " +
data.ResultingDelay +
"\ntime in delay: " +
data.TimeInDelay +
"\nis root cause: " +
data.IsRootCauseDelay +
"\nis resolved: " +
data.IsResolved +
"\nis service failure: " +
data.IsServiceFailure +
"\ncomment: " +
data.Comment
);
//$('#delays-grid').data('kendoGrid').dataSource.read();
//$("#delayAddModal").modal("hide");
},
error: function() { alert("error in Delay Edit"); }
});
//modal.find(".modal-body").text("Edit the Delay at " + name + " with id " + delId);
//modal.find(".modal-footer #delayEditButton").data("guid", delId);
});
</script>
$('select#SubdivisionId').val(data.SubdivisionId);
$('select#SubdivisionId').val(data.SubdivisionId).trigger('change');