).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">&times;</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');