<
telerik:GridButtonColumn ImageUrl="../img/gearsbluebtn.png" ButtonCssClass="selectbtn" ButtonType="ImageButton" CommandName="Select" CommandArgument="event" HeaderText="Select" UniqueName="Select" >
Then i have added following java script codes to display context menu at grid button click. This java script codes are being called at OnRowContextMenu="RowContextMenu" . Context menu is being displayed but on right mouse click at grid button. i want to display it at left mouse click . If i call context menu at any other event then eventArgs.get_domEvent(); is not available to display grid.
function RowContextMenu(sender, eventArgs) {
var menu = $find("<%=RadMenu1.ClientID %>");
var evt = eventArgs.get_domEvent();
if (evt.target.tagName == "INPUT" || evt.target.tagName == "A") {
menu.show(evt);
evt.cancelBubble = true;
evt.returnValue = false;
if (evt.stopPropagation) {
evt.stopPropagation();
evt.preventDefault();
}
}
}
Any one please help???
<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true"> <Windows> <telerik:RadWindow ID="RadWindow1" runat="server"Width="310px" Left="150px" /> </Windows></telerik:RadWindowManager><telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true"> <Windows> <telerik:RadWindow ID="RadWindow1" runat="server" Title="Reply" Height="320px" Width="910px" Left="150px" ReloadOnShow="true" ShowContentDuringLoad="false" Modal="true" OnClientBeforeClose="OnClientBeforeClose" OnClientClose="OnClientClose"/> </Windows></telerik:RadWindowManager> <telerik:RadGrid ID="RadGrid5" runat="server" Width="99.7%" PageSize="20" AllowPaging="false" AllowSorting="True" AllowFilteringByColumn="false" AllowMultiRowSelection="false" ShowGroupPanel="false" GridLines="None" ShowFooter="false" ShowHeader="true" GroupingEnabled="false" Skin="WebBlue" EnableHeaderContextAggregatesMenu="false" EnableHeaderContextMenu ="false" AutoGenerateColumns="false" EnableViewState="True" OnItemCommand="RadGrid5_OnItemCommand" OnDetailTableDataBind="RadGrid5_DetailTableDataBind" OnNeedDataSource="RadGrid5_NeedDataSource" OnGroupsChanging="RadGrid5_OnGroupsChanging" OnColumnsReorder="RadGrid5_OnColumnsReorder" OnItemDataBound="RadGrid5_OnItemDataBound" OnPreRender="RadGrid5_PreRender"> <MasterTableView HierarchyLoadMode="ServerBind" Name="Master" CommandItemDisplay="Top" CommandItemSettings-ShowAddNewRecordButton="false" CommandItemSettings-ShowExportToExcelButton="true" CommandItemSettings-ShowExportToWordButton="true" CommandItemSettings-ShowExportToPdfButton="true" CommandItemSettings-ShowExportToCsvButton="true" AllowMultiColumnSorting="true" Caption="" ClientDataKeyNames="intEnterpriseSiteCommentID"> <Columns> <telerik:GridBoundColumn Visible="false" DataField="intEnterpriseSiteCommentID" UniqueName="intEnterpriseSiteCommentID"> </telerik:GridBoundColumn> <telerik:GridTemplateColumn Visible="false" HeaderText="PSG" meta:resourcekey="labPSG" UniqueName="blnIsInternalOnly" HeaderStyle-Width="4%" Resizable="true" Reorderable="true" SortExpression="blnIsInternalOnly"> <ItemTemplate> <asp:Image runat="server" ID="ImageLogo" ToolTip="PSG Only" meta:resourcekey="labPSGOnly" AlternateText="" ImageUrl="~/Images/Icons/logo small.PNG" Height="20px" Width="20px" BorderWidth="0"></asp:Image> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridDateTimeColumn DataField="dtCreationDate" HeaderText="Date" meta:resourcekey="labDate" UniqueName="dtCreationDate" HeaderStyle-Width="12%" Resizable="true" Reorderable="true" SortExpression="dtCreationDate" DataFormatString="{0:yyyy-MM-dd HH:mm}"> </telerik:GridDateTimeColumn> <telerik:GridBoundColumn DataField="strUserDisplayName" HeaderText="By" meta:resourcekey="labBy" UniqueName="strUserDisplayName" HeaderStyle-Width="16%" Resizable="true" Reorderable="true" SortExpression="strUserDisplayName"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="strComment" HeaderText="Comment" meta:resourcekey="labComment" UniqueName="strComment" HeaderStyle-Width="51%" Resizable="true" Reorderable="true" SortExpression="strComment"> </telerik:GridBoundColumn> <telerik:GridTemplateColumn HeaderText="Status" meta:resourcekey="labStatus" UniqueName="colStatus" HeaderStyle-Width="5%" Resizable="true" Reorderable="true" SortExpression="blnIsSomeoneNeedingAttention"> <ItemTemplate> <asp:Image runat="server" ID="ImageAttention" Visible="false" ToolTip="Needs Attention" meta:resourcekey="imgNeedsAttention" AlternateText="" ImageUrl="~/Images/Icons/important.png" Height="20px" Width="20px" BorderWidth="0" CssClass="CommentStatusImage"></asp:Image> <asp:Image runat="server" ID="ImageTreated" Visible="false" ToolTip="Treated" meta:resourcekey="imgTreated" AlternateText="" ImageUrl="~/Images/Icons/treated.png" Height="20px" Width="20px" BorderWidth="0" CssClass="CommentStatusImage"></asp:Image> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridDateTimeColumn DataField="dtLastReplyDate" HeaderText="Last Reply" meta:resourcekey="labLastReply" UniqueName="dtLastReplyDate" HeaderStyle-Width="12%" Resizable="true" Reorderable="true" SortExpression="dtLastReplyDate" DataFormatString="{0:yyyy-MM-dd HH:mm}"> </telerik:GridDateTimeColumn> </Columns> <DetailTables> <telerik:GridTableView ShowHeader="true" Name="Detail" AllowSorting="false" ClientDataKeyNames="intEnterpriseSiteCommentID"> <%--HeaderStyle-CssClass="NestedGridHeader"--%> <Columns> <telerik:GridBoundColumn Visible="false" DataField="intEnterpriseSiteCommentID" UniqueName="intEnterpriseSiteCommentID"> </telerik:GridBoundColumn> <telerik:GridTemplateColumn Visible="false" HeaderText="PSG" meta:resourcekey="labPSG" UniqueName="blnIsInternalOnly" HeaderStyle-Width="4%" Resizable="true" Reorderable="true" SortExpression="blnIsInternalOnly"> <ItemTemplate> <asp:Image runat="server" ID="ImageLogo" ToolTip="PSG Only" meta:resourcekey="labPSGOnly" AlternateText="" ImageUrl="~/Images/Icons/logo small.PNG" Height="20px" Width="20px" BorderWidth="0"></asp:Image> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridDateTimeColumn DataField="dtCreationDate" HeaderText="Date" meta:resourcekey="labDate" UniqueName="dtCreationDate" HeaderStyle-Width="12%" Resizable="true" Reorderable="true" SortExpression="dtCreationDate" DataFormatString="{0:yyyy-MM-dd HH:mm}"> </telerik:GridDateTimeColumn> <telerik:GridBoundColumn DataField="strUserDisplayName" HeaderText="By" meta:resourcekey="labBy" UniqueName="strUserDisplayName" HeaderStyle-Width="16%" Resizable="true" Reorderable="true" SortExpression="strUserDisplayName"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="strComment" HeaderText="Reply" meta:resourcekey="labHTReply" UniqueName="strComment" HeaderStyle-Width="63%" Resizable="true" Reorderable="true" SortExpression="strComment"> </telerik:GridBoundColumn> <telerik:GridTemplateColumn HeaderText="Status" meta:resourcekey="labStatus" UniqueName="colStatus" HeaderStyle-Width="5%" Resizable="true" Reorderable="true" SortExpression="blnIsSomeoneNeedingAttention"> <ItemTemplate> <asp:Image runat="server" ID="ImageAttention" Visible="false" ToolTip="Needs Attention" meta:resourcekey="imgNeedsAttention" AlternateText="" ImageUrl="~/Images/Icons/important.png" Height="20px" Width="20px" BorderWidth="0" CssClass="CommentStatusImage"></asp:Image> <asp:Image runat="server" ID="ImageTreated" Visible="false" ToolTip="Treated" meta:resourcekey="imgTreated" AlternateText="" ImageUrl="~/Images/Icons/treated.png" Height="20px" Width="20px" BorderWidth="0" CssClass="CommentStatusImage"></asp:Image> </ItemTemplate> </telerik:GridTemplateColumn> </Columns> </telerik:GridTableView> </DetailTables> </MasterTableView> <PagerStyle Mode="NextPrevAndNumeric"></PagerStyle> <ClientSettings EnablePostBackOnRowClick="false" AllowRowsDragDrop="false" AllowDragToGroup="false" AllowColumnsReorder="false" ReorderColumnsOnClient="false" ColumnsReorderMethod="Reorder"> <Resizing AllowRowResize="False" EnableRealTimeResize="True" ResizeGridOnColumnResize="false" AllowColumnResize="true" AllowResizeToFit="true"/> <Animation AllowColumnReorderAnimation="false" AllowColumnRevertAnimation="true" /> <Selecting AllowRowSelect="true" /> <ClientEvents OnRowDblClick="ShowWindow" ></ClientEvents> </ClientSettings> <SortingSettings SortedBackColor="Azure" EnableSkinSortStyles="false" /> <GroupingSettings ShowUnGroupButton="true" /></telerik:RadGrid><telerik:RadScriptManager ID="RadScriptManager1" runat="server" /> <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> <script type="text/javascript"> function ShowWindow() { window.radopen("Test.aspx", "RadWindow1"); } </script> </telerik:RadCodeBlock>
<style type="text/css"> .TimelineContainer { width:938px; height: 250px; margin-bottom:30px; } .TimelineContainer h3 { margin: 0 0 12px; color: #C94D58; font: 20px CenturyGothicBold, arial, helvetica, sans-serif; } .TimelineImageWrapper { width:465px; height: 250px; float:left; } .TimelineTextWrapper { width:432px; height: 210px; float:left; padding: 0px 20px 20px 20px; } .TimelineDay { font-size:14px !important; } </style><telerik:RadAjaxPanel ID="srRadAjaxPanel" runat="server"> <div class="TimelineContainer"> <div class="TimelineImageWrapper"> <asp:Image ID="imgImage" runat="server" Width="465px" Height="250px" /> </div> <div class="TimelineTextWrapper"> <h3>Timeline Header</h3> Timeline text for testing the timeline control. Timeline text for testing the timeline control. Timeline text for testing the timeline control. Timeline text for testing the timeline control. Timeline text for testing the timeline control. Timeline text for testing the timeline control. Timeline text for testing the timeline control. Timeline text for testing the timeline control. </div> </div> <telerik:RadSlider ID="rsTimelineSlider" runat="server" ItemType="Item" Width="938" Height="120" Skin="Transparent" AutoPostBack="true" ShowIncreaseHandle="false" ShowDecreaseHandle="false"> <Items> <telerik:RadSliderItem Text="June<span class='TimelineDay'>5</span>1978" /> <telerik:RadSliderItem Text="July<span class='TimelineDay'>15</span>1979" /> <telerik:RadSliderItem Text="May<span class='TimelineDay'>8</span>1980" /> <telerik:RadSliderItem Text="August<span class='TimelineDay'>11</span>1981" /> <telerik:RadSliderItem Text="Jan<span class='TimelineDay'>12</span>1982" /> <telerik:RadSliderItem Text="Feb<span class='TimelineDay'>9</span>1982" /> <telerik:RadSliderItem Text="March<span class='TimelineDay'>3</span>1982" /> <telerik:RadSliderItem Text="April<span class='TimelineDay'>17</span>1982" /> <telerik:RadSliderItem Text="Aug<span class='TimelineDay'>23</span>1985" /> <telerik:RadSliderItem Text="June<span class='TimelineDay'>25</span>1989" /> <telerik:RadSliderItem Text="Sept<span class='TimelineDay'>14</span>1990" /> <telerik:RadSliderItem Text="June<span class='TimelineDay'>5</span>1978" /> <telerik:RadSliderItem Text="July<span class='TimelineDay'>15</span>1979" /> <telerik:RadSliderItem Text="May<span class='TimelineDay'>8</span>1980" /> <telerik:RadSliderItem Text="August<span class='TimelineDay'>11</span>1981" /> <telerik:RadSliderItem Text="Jan<span class='TimelineDay'>12</span>1982" /> <telerik:RadSliderItem Text="Feb<span class='TimelineDay'>9</span>1982" /> <telerik:RadSliderItem Text="March<span class='TimelineDay'>3</span>1982" /> <telerik:RadSliderItem Text="April<span class='TimelineDay'>17</span>1982" /> <telerik:RadSliderItem Text="Aug<span class='TimelineDay'>23</span>1985" /> <telerik:RadSliderItem Text="June<span class='TimelineDay'>25</span>1989" /> <telerik:RadSliderItem Text="Sept<span class='TimelineDay'>14</span>1990" /> </Items> </telerik:RadSlider></telerik:RadAjaxPanel>public void RadScheduler1_AppointmentInsert(object sender, SchedulerCancelEventArgs e){ if (e.Appointment.Attributes["Employee"] == string.Empty) { e.Appointment.Attributes["Employee"] = "555"; }}