0
日历页:jQuery Mobile的和变化的翻页功能,双岗要求
$(document).delegate('#ViewOrders', 'pageinit', function() {
var ordersSource, calendar;
var ordersParams = new Object();
var tonnageParams = new Object();
if (parseInt($("#ddlRooms").val()) > 0) {
tonnageParams.RoomId = $("#ddlRooms").val();
}
$.post('/AdminPages/Mobile/Ajax/Ajax.ashx?p=GetTonnage', tonnageParams, function (data) {
ordersSource = data;
setTimeout(function() {
calendar = $("#calendar").fullCalendar({
header: {
left: 'prev,next today',
center: '',
right: 'title'
},
isRTL: false,
theme: true,
selectable: true,
select: function (start, end, allDay) {
ordersParams.Start = getDateString(start);
ordersParams.End = getDateString(end);
if ($("#ddlRooms").val() > 0) {
ordersParams.RoomId = $("#ddlRooms").val();
}
else {
delete ordersParams.RoomId;
}
$.mobile.changePage("ShowOrders.aspx", { data: ordersParams, transition: 'slide', rel: 'dialog' });
calendar.fullCalendar('destroy');
},
events: ordersSource
});
}, 500);
});
$("#ddlRooms").change(function() {
var elem = $(this);
calendar.fullCalendar('removeEventSource', ordersSource);
tonnageParams = new Object();
if (parseInt(elem.val()) > 0) {
tonnageParams.RoomId = elem.val();
}
$.post('/AdminPages/Mobile/Ajax/Ajax.ashx?p=GetTonnage', tonnageParams, function (data) {
ordersSource = data;
calendar.fullCalendar('addEventSource', ordersSource);
});
});
});
结果页:
$(document).delegate('#ViewOrders', 'pageinit', function() {
$("#btnBack").click(function() {
var id = $(this).data('backid');
$.mobile.changePage("ViewOrders.aspx", { data: { RoomId: id }, reloadPage: true, transition: 'slide', reverse: true });
});
});
(该脚本位于在一个文件中,并上传在生活的开始该应用程序并不会加载任何页面。)
我想要做的是有一个带日历的页面。选择日期时,用户转到其他日期选择参数。 在第二页上,他看到当天的订单。 它也有一个回到日历的按钮。我的问题是,当他回到选择“ddlRooms”的日历更改事件时,“发布”会发生两次。我试图做到这一点:
$("#ddlRooms").unbind('change').change(function() {
...
});
但用户界面然后选择无法正常工作。