javascript 模态/对话

Posted 2021-05-04

<!-- Dialog action -->
<div class="modal fade" id="modalAction" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLongTitle">@UIResources.DialogStockInDraftStateTitle</h5>
            </div>
            <div class="modal-body">
                @UIResources.DialogStockInDraftStateContent
            </div>
            <div class="modal-footer">
                <button id="modalActionButton0" type="button" class="btn btn-primary pull-right" style="margin:0px 0px 0px 0px">@UIResources.Yes</button>
                <button id="modalActionButton1" class="btn btn-primary pull-right" style="margin:0px 10px 0px 0px">@UIResources.No</button>
                <button id="modalActionButtonCancel" class="btn btn-secondary pull-right" data-dismiss="modal" style="margin:0px 10px 0px 0px">@UIResources.Cancel</button>
            </div>
        </div>
    </div>
</div>


<!-- Another Example Modal add new opname -->
<div class="modal fade" id="modalAddNewOpname" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLongTitle">@UIResources.ButtonAddStocktake</h5>
            </div>
            <div class="modal-body">
                <div class="form-group" style="margin-bottom:35px">
                    <label class="control-label col-md-2" for="QuantityUnitID">@UIResources.ModalGroupItemStocktake</label>
                    <div class="col-md-10">
                        <select class="form-control" data-val="true" id="selectDailyStocktakeSetting" name="QuantityUnitID">
                            <option value="">@UIResources.DropdownSelect</option>
                            @foreach (var dailyStocktakeSetting in ViewBag.DailyStocktakeSettings) {
                                <option value="@dailyStocktakeSetting.ID">@dailyStocktakeSetting.Name</option>
                            }
                        </select>
                        <span class="field-validation-valid" data-valmsg-for="QuantityUnitID" data-valmsg-replace="true"></span>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button id="buttonModalAddNewOpnameYes" type="button" class="btn btn-primary pull-right disabled" style="margin:0px 0px 0px 0px">@UIResources.Yes</button>
                <button id="buttonModalAddNewOpnameCancel" class="btn btn-secondary pull-right" data-dismiss="modal" style="margin:0px 10px 0px 0px">@UIResources.Cancel</button>
            </div>
        </div>
    </div>
</div>

$("#modalAction").modal('show');
$("#modalAction").modal('hide');