[英]JqxScheduler Context menu to select right clicked cell
我正在使用JqxScheduler進行日程安排約會。
似乎如果我們在不同的單元格上使用左鍵單擊和右鍵單擊來選擇一個單元格，則jqxScheduler不會選擇右鍵單擊該單元格的位置。
我的要求是，如果用戶右鍵單擊其他單元格並選擇該鼠標右鍵，則重置所有單元格。 添加了一個解決方案，但第一次只能使用一次。
$(document).ready(function () { var appointments = new Array(); var appointment1 = { id: "id1", description: "George brings projector for presentations.", location: "", subject: "Quarterly Project Review Meeting", calendar: "Room 1", start: new Date(2015, 10, 23, 9, 0, 0), end: new Date(2015, 10, 23, 16, 0, 0) } appointments.push(appointment1); // prepare the data var source = { dataType: "array", dataFields: [ { name: 'id', type: 'string' }, { name: 'description', type: 'string' }, { name: 'location', type: 'string' }, { name: 'subject', type: 'string' }, { name: 'calendar', type: 'string' }, { name: 'start', type: 'date' }, { name: 'end', type: 'date' } ], id: 'id', localData: appointments }; var adapter = new $.jqx.dataAdapter(source); $("#scheduler").jqxScheduler({ date: new $.jqx.date(2015, 11, 23), width: 850, height: 600, source: adapter, view: 1, showLegend: true, /** * called when the context menu is created. * @param {Object} menu - jqxMenu's jQuery object. * @param {Object} settings - Object with the menu's initialization settings. */ /** * called when the menu is opened. * @param {Object} menu - jqxMenu's jQuery object. * @param {Object} the selected appointment instance or NULL when the menu is opened from cells selection. * @param {jQuery.Event Object} the open event. */ contextMenuOpen: function (menu, appointment, event) { var date = $('.jqx-fill-state-hover').attr('data-date') if (date) { var d = new Date(date); var year = d.getFullYear(); var month = (d.getMonth() + 1); var date = d.getDate(); var hours = d.getHours(); var minutes = d.getMinutes(); $("#scheduler").jqxScheduler('clearSelection'); $("#scheduler").jqxScheduler('selectCell', new $.jqx.date(year, month, date, hours, minutes)); console.log(date) } }, /** * called when the menu is closed. * @param {Object} menu - jqxMenu's jQuery object. * @param {Object} the selected appointment instance or NULL when the menu is opened from cells selection. * @param {jQuery.Event Object} the close event. */ contextMenuClose: function (menu, appointment, event) { }, ready: function () { $("#scheduler").jqxScheduler('ensureAppointmentVisible', 'id1'); }, resources: { colorScheme: "scheme02", dataField: "calendar", source: new $.jqx.dataAdapter(source) }, appointmentDataFields: { from: "start", to: "end", id: "id", description: "description", location: "place", subject: "subject", resourceId: "calendar" }, views: [ 'dayView', 'weekView', 'monthView' ] }); });
<HTML> <HEAD> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <link rel="stylesheet" href="https://www.jqwidgets.com/public/jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="https://www.jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css" type="text/css" /> <script type="text/javascript" src="https://www.jqwidgets.com/public/jqwidgets/jqx-all.js"></script> <script type="text/javascript" src="https://www.jqwidgets.com/public/jqwidgets/globalization/globalize.js"></script> <script type="text/javascript" src="app.js"></script> <link rel="stylesheet" href="app.css" type="text/css" /> </HEAD> <BODY> <div id="scheduler"> </div> </HTML>
JqxScheduler沒有提供默認功能。 但是，您可以使用以下邏輯，
contextMenuOpen: function (menu, appointment, event) {
var date = $("td[data-selected='true']").attr('data-date');
alert(date)
}
在准備好文檔中創建事件mousedown。
$("#scheduler tbody tr td").mousedown(function(e){
if(e.button == 2 ) {
$('#scheduler').find('td').each (function() {
$(this).removeAttr("data-selected");
});
$(this).attr("data-selected","true")
}
});
JavaScript-獲取右鍵單擊上下文菜單的元素的父iframe
[英]JavaScript - Get the parent iframe of element that was right clicked for context menu
如何用右鍵單擊檢測文本區域中的單擊單詞並在上下文菜單中顯示來自php sql數據庫的菜單項以返回單擊單詞
[英]How to detect clicked word in textarea with right click and show menu items from php sql database in in context menu in return of clicked word
如何在右鍵單擊並從上下文菜單訪問功能后獲取鏈接的DOM？
[英]How to get the DOM of a link after it is right-clicked and accessed for a functionality from Context Menu?
在Jquery上下文菜單中，如何確定右鍵單擊的元素是否為href？
[英]In Jquery context menu how can i identify the right clicked element is href or not?
僅在右鍵單擊以“ Story”開頭的類時顯示上下文菜單按鈕
[英]Showing context menu buttons only when right-clicked on classes that start with “Story”
如何觸發元素上的瀏覽器上下文菜單。 （就像用戶右擊一樣）
[英]How do I trigger the browser context menu on an element. (As if the user right-clicked)
右鍵單擊select_node上的jstree上下文菜單抑制更改事件
[英]Jstree context menu supress changed event on select_node right click
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.