Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-mvc/17.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
发布后未设置JQuery日期选择器_Jquery_Asp.net Mvc_Asp.net Mvc 4 - Fatal编程技术网

发布后未设置JQuery日期选择器

发布后未设置JQuery日期选择器,jquery,asp.net-mvc,asp.net-mvc-4,Jquery,Asp.net Mvc,Asp.net Mvc 4,我在MVC4部分页面中运行了以下代码。每当我单击一个调用执行post的javascript函数的按钮时,我的jquery日期选择器就会被清除。当我单击“编辑”或“取消编辑”按钮(不执行post)时,日期选择器将正确设置。发布后需要发生什么才能使其正常工作 <script type="text/javascript"> function ResetDatePicker() { $(".datefield").datepicker({ ch

我在MVC4部分页面中运行了以下代码。每当我单击一个调用执行post的javascript函数的按钮时,我的jquery日期选择器就会被清除。当我单击“编辑”或“取消编辑”按钮(不执行post)时,日期选择器将正确设置。发布后需要发生什么才能使其正常工作

<script type="text/javascript">
    function ResetDatePicker() {
        $(".datefield").datepicker({
            changeMonth: true,
            changeYear: true
        });
    }

    function ShowEditHoliday(par) {
        $("#lblHolidayObserved-" + par).attr("class", "hide");
        $("#txtHolidayObserved-" + par).attr("class", "visible");
        $("#lblDateObserved-" + par).attr("class", "hide");
        $("#txtDateObserved-" + par).attr("class", "visible datefield");
        $("#btnEdit-" + par).attr("class", "hide");
        $("#btnSave-" + par).attr("class", "visible");
        $("#btnCancel-" + par).attr("class", "visible");
        $("#btnDelete-" + par).attr("class", "hide");

        ResetDatePicker();
    }

    function SaveEditHoliday(par) {
        var _holidayobserved = $("#txtHolidayObserved-" + par).val();
        var _dateobserved = $("#txtDateObserved-" + par).val();
        var url = '@Url.Action("SaveEditHoliday", "Routing")';
        $.post(url, { HolidayId: par, holidayobserved: _holidayobserved, dateobserved: _dateobserved },
            function (data) {
                $("#divHolidays").html(data);
            });

            ResetDatePicker();
    }

    function CancelEditHoliday(par) {
        $("#lblHolidayObserved-" + par).attr("class", "visible");
        $("#txtHolidayObserved-" + par).attr("class", "hide");
        $("#lblDateObserved-" + par).attr("class", "visible");
        $("#txtDateObserved-" + par).attr("class", "hide");
        $("#btnEdit-" + par).attr("class", "visible");
        $("#btnSave-" + par).attr("class", "hide");
        $("#btnCancel-" + par).attr("class", "hide");
        $("#btnDelete-" + par).attr("class", "visible");

        ResetDatePicker();
    }

    function DeleteHoliday(par) {
        var url = '@Url.Action("DeleteHoliday", "Routing")';
        $.post(url, { HolidayId: par },
            function (data) {
                $("#divHolidays").html(data);
            });

            ResetDatePicker();
        }

    function CreateHoliday() {
        var _holidayobserved = $("#txtHolidayObserved").val();
        var _dateobserved = $("#txtDateObserved").val();
        var url = '@Url.Action("CreateHoliday", "Routing")';
        $.post(url, { holidayobserved: _holidayobserved, dateobserved: _dateobserved },
            function (data) {
                $("#divHolidays").html(data);
            });

        ResetDatePicker();
    } 
</script>

<div id="divHolidays">
    <table>
        <tr>
            <th></th>
            <th>
                @Html.DisplayNameFor(model => model.HolidayObserved)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.DateObserved)
            </th>
        </tr>

    @foreach (var item in Model) {
        <tr>
            <td>
                <button id="btnDelete-@item.HolidayId.ToString()" class="visible" onclick="DeleteHoliday(@item.HolidayId); return false;">
                    <img src="../../Images/delete_16x16.gif" alt="" />
                </button>
                <button id="btnEdit-@item.HolidayId.ToString()" class="visible" onclick="ShowEditHoliday(@item.HolidayId); return false;">
                    <img src="../../Images/edit_16x16.gif" alt="" />
                </button>
                <button id="btnSave-@item.HolidayId.ToString()" class="hide" onclick="SaveEditHoliday(@item.HolidayId); return false;">
                    <img src="../../Images/save_16x16.gif" alt="" />
                </button>
                <button id="btnCancel-@item.HolidayId.ToString()" class="hide" onclick="CancelEditHoliday(@item.HolidayId); return false;">
                    <img src="../../Images/cancel_16x16.gif" alt="" />
                </button>
            </td>
            <td>
                <label id="lblHolidayObserved-@item.HolidayId.ToString()" class="visible">@item.HolidayObserved.ToString()</label>
                <input id="txtHolidayObserved-@item.HolidayId.ToString()" type="text" class="hide" value="@item.HolidayObserved.ToString()" />
            </td>
            <td>
                <label id="lblDateObserved-@item.HolidayId.ToString()" class="visible">@item.DateObserved.ToShortDateString()</label>
                <input id="txtDateObserved-@item.HolidayId.ToString()" type="text" class="hide datefield" value="@item.DateObserved.ToShortDateString()" />
            </td>
        </tr>
    }

    </table>
    <br />
    <h3>New Holiday: </h3>
    <table>
        <tr>
            <td>Holiday Observed: </td>
            <td><input type="text" id="txtHolidayObserved"></td>
        </tr>
        <tr>
            <td>Date Observed: </td>
            <td><input type="text" id="txtDateObserved" class="datefield"></td>
        </tr>
        <tr>
            <td colspan="2" style="text-align: right;">
                <button id="btnSaveNew" class="visible" onclick="CreateHoliday(); return false;">
                    <img src="../../Images/add_16x16.gif" alt="" />
                </button>        
            </td>
        </tr>
    </table>
</div>

函数ResetDatePicker(){
$(“.datefield”).datepicker({
变化月:对,
变化年:对
});
}
函数ShowEditHoliday(par){
$(“#lblholidaysobserved-”+par).attr(“类”、“隐藏”);
美元(“#txtolidayObserved-”+par).attr(“类”,“可见”);
$(“#lblDateObserved-”+par).attr(“类”、“隐藏”);
$(“#txtDateObserved-”+par).attr(“类”,“可见日期字段”);
美元(“#btnEdit-”+par).attr(“类”、“隐藏”);
美元(“#btnSave-”+par).attr(“类”,“可见”);
美元(“#btnCancel-”+par).attr(“类”,“可见”);
$(“#btnDelete-”+par).attr(“类”、“隐藏”);
ResetDatePicker();
}
功能SaveEditHoliday(par){
var#u holidayobserved=$(“#txtHolidayObserved-”+par).val();
var#u dateobserved=$(“#txtDateObserved-”+par).val();
var url='@url.Action(“SaveEditHoliday”,“路由”);
POST(URL,{ HelyayID:PAR,HealayaVista:YouHealayAdvestor),DATE观察:
功能(数据){
$(“#divHolidays”).html(数据);
});
ResetDatePicker();
}
功能取消假日(par){
美元(“#lblholidaysobserved-”+par).attr(“类”,“可见”);
$(“观察到的假期-”+par).attr(“类”、“隐藏”);
$(“#lblDateObserved-”+par).attr(“类”,“可见”);
$(“#txtDateObserved-”+par).attr(“类”、“隐藏”);
美元(“#btnEdit-”+par).attr(“类”,“可见”);
$(“#btnSave-”+par).attr(“类”、“隐藏”);
美元(“#btnCancel-”+par).attr(“类”、“隐藏”);
美元(“#btnDelete-”+par).attr(“类”,“可见”);
ResetDatePicker();
}
功能假日(par){
var url='@url.Action(“DeleteHoliday”,“Routing”);
POST(URL),{HelyayID:PAL},
功能(数据){
$(“#divHolidays”).html(数据);
});
ResetDatePicker();
}
函数CreateHoliday(){
var#u holidayobserved=$(“#txtHolidayObserved”).val();
var_dateobserved=$(“#txtDateObserved”).val();
var url='@url.Action(“CreateHoliday”,“路由”);
$.post(url,{holidayobserved:_holidayobserved,dateobserved:_dateobserved},
功能(数据){
$(“#divHolidays”).html(数据);
});
ResetDatePicker();
} 
@DisplayNameFor(model=>model.HolidayObserved)
@DisplayNameFor(model=>model.DateObserved)
@foreach(模型中的var项目){
@item.HolidayObserved.ToString()
@item.DateObserved.ToShortDateString()
}

新假期: 假期: 观察日期:
您的ajax调用看起来怎么样?ajax之后呈现的部分在哪里?divHolidays是在$.post调用之后呈现的部分。在进行post时,您有没有可能不在服务器端设置模型如果div再次进行渲染,并且模型没有保存其值,那么会发生什么。在执行post时,将在服务器端设置模型。