How to maintain multi selection range oncontextmenu click event ?

arsalan posted over 12 years ago

i want to select multiple range in infragistics webMonthCalender control by draging the selection,it work fine, when i right click on calender my javascript contextmenu is open but the selected range is lost and new date is select, kindly help me how i persist multiple selection oncontextmenu event. thanks

Parents

No Data

Reply

22852

Offline Alan Halama posted over 12 years ago

Hello,

I am adding an example that shows how you can use the client side MouseDown of the WebMonthCalendar to retain the selection and also show a context menu.

Client side code:


function WebDataMenu1_ItemClick(sender, eventArgs) {
    alert(eventArgs.getItem().get_text() + $find("WebMonthCalendar1").get_selectedDates());
}
 
function WebMonthCalendar1_MouseDown(sender, eventArgs) {
    if (eventArgs._props[0].button == 2) {
        // the following will allow you to retain the selection on the right mouse button down.
        eventArgs.set_cancel(true);
        var menu = $find("WebDataMenu1");
        menu.showAt(null, null, eventArgs.get_browserEvent());
    }	
}

Markup:


<ig:WebDataMenu ID="WebDataMenu1" runat="server" IsContextMenu="True">
    <Items>
        <ig:DataMenuItem Key="Edit" Text="Edit">
        </ig:DataMenuItem>
        <ig:DataMenuItem Key="Cancel" Text="Cancel">
        </ig:DataMenuItem>
    </Items>
    <ClientEvents ItemClick="WebDataMenu1_ItemClick" />
</ig:WebDataMenu>
    
<ig:WebScriptManager ID="WebScriptManager1" runat="server">
</ig:WebScriptManager>
<ig:WebMonthCalendar ID="WebMonthCalendar1" runat="server" 
    SelectionType="Multi">
    <ClientEvents MouseDown="WebMonthCalendar1_MouseDown" />
</ig:WebMonthCalendar>

Let me know if you have any questions with this matter.

Children

No Data