Hello. I have a simple page containing a text box and a rad grid. I have attached a delete button on the grid row has a confirm text displayed on click of the btn.
The problem I am having is: If I have the cursor on the text box and I hit enter, its invoking the rad grid delete event, strating with delete confirm prompt. I do not want this to happen. I need to hook the enter key to some other events. And this is happening only on Mozilla. rest of the browsers do not invoke the delete event.
Any clues/fixes for this behaviour. Appreciate your help. thanks
code below:
<asp:textbox id="txtMLSNumber" runat="server" Width="110px"></asp:textbox> <telerik:RadGrid ID="grdPartials" DataSourceID ="ObjectDataSource1" CssClass="RemoveBorders" Skin="Outlook" runat="server" GridLines="None" AutoGenerateColumns="False" Width="690px" height="196px"> <AlternatingItemStyle BackColor="#DDECFE" /> <MasterTableView datasourceid="ObjectDataSource1" GridLines=none AllowAutomaticDeletes="true" EnableNoRecordsTemplate=true DataKeyNames ="PartialId,PropType" > <CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings> <RowIndicatorColumn> <HeaderStyle Width="20px"></HeaderStyle> </RowIndicatorColumn> <ExpandCollapseColumn> <HeaderStyle Width="20px"></HeaderStyle> </ExpandCollapseColumn> <Columns> <telerik:GridHyperLinkColumn HeaderText = "" ItemStyle-HorizontalAlign="Left" Text ="Edit" UniqueName="lnkEdit" HeaderStyle-Font-Bold="false" HeaderStyle-Wrap="false" HeaderStyle-Width="40px"> </telerik:GridHyperLinkColumn> <telerik:GridBoundColumn DataField="PartialId" Visible =true HeaderText="Partial Id" ItemStyle-Width="100px" HeaderStyle-Width="100px" ItemStyle-Wrap=false HeaderStyle-Wrap="false" MaxLength="0" UniqueName="PartialId"> <HeaderStyle Wrap="False"></HeaderStyle> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="StreetNumber" HeaderText="Street Number" ItemStyle-Width="100px" HeaderStyle-Width="100px" ItemStyle-Wrap=false HeaderStyle-Wrap="false" UniqueName="StreetNumber"> <HeaderStyle Wrap="False"></HeaderStyle> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="StreetName" HeaderText="Street Name" ItemStyle-Width="100px" HeaderStyle-Width="100px" ItemStyle-Wrap=false HeaderStyle-Wrap="false" UniqueName="StreetName"> <HeaderStyle Wrap="False"></HeaderStyle> <ItemStyle Wrap="False"></ItemStyle> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="City" HeaderText="City" UniqueName="City" DataFormatString="<nobr>{0}</nobr>" ItemStyle-Width="100px" HeaderStyle-Width="100px" ItemStyle-Wrap=false HeaderStyle-Wrap="false"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="PropType" HeaderText="Prop Type" ItemStyle-Width="100px" HeaderStyle-Width="100px" ItemStyle-Wrap=false HeaderStyle-Wrap="false" UniqueName="PropType"> <HeaderStyle Wrap="False"></HeaderStyle> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="CreateDate" HeaderText="Create Date" DataFormatString="{0:MM/dd/yyyy}" ItemStyle-Width="100px" HeaderStyle-Width="100px" ItemStyle-Wrap=false HeaderStyle-Wrap="false" UniqueName="CreateDate"> </telerik:GridBoundColumn> <telerik:GridButtonColumn ConfirmText="Delete this record?" ConfirmDialogType="RadWindow" ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete" UniqueName="DeleteColumn"> <ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" /> </telerik:GridButtonColumn> </Columns> <NoRecordsTemplate> <div style="text-align:center;padding-top:70px;font-size:medium">No Partial Listings Found!!!</div> <br /> </NoRecordsTemplate> </MasterTableView> <SelectedItemStyle /> <HeaderStyle BackColor="#D6E7FC" /> <ClientSettings Scrolling-ScrollHeight =200> <Selecting AllowRowSelect="True" /> <Scrolling AllowScroll =true UseStaticHeaders =true /> <Resizing AllowColumnResize="True" AllowRowResize="false" /> </ClientSettings> <ActiveItemStyle BackColor="#CC0099" /> </telerik:RadGrid> <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" SelectMethod="GetPartials" TypeName = "Partials" DeleteMethod ="DeletePartials" > <DeleteParameters> <asp:Parameter Name="PartialId" Type ="String" /> <asp:Parameter Name="PropType" Type ="String" /> </DeleteParameters> </asp:ObjectDataSource>
<telerik:RadGrid ID="RadGrid1" GridLines="None" runat="server" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True" AllowPaging="True" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" Skin="Web20" Width="99%" AllowFilteringByColumn="True" OnItemUpdated="RadGrid1_ItemUpdated" OnItemDeleted="RadGrid1_ItemDeleted" OnItemInserted="RadGrid1_ItemInserted" OnDataBound="RadGrid1_DataBound" OnItemDataBound="RadGrid1_ItemDataBound" OnItemCreated="RadGrid1_ItemCreated" onitemcommand="RadGrid1_ItemCommand" AllowSorting="True" Culture="en-GB" CssClass="Grid" Font-Size="X-Small" Font-Names="verdana" PageSize="15" > <PagerStyle Mode="NextPrevAndNumeric" /> <AlternatingItemStyle BackColor="#E8F1FF" /> <MasterTableView CommandItemDisplay="TopAndBottom" DataKeyNames="U_ID" DataSourceID="SqlDataSource1" HorizontalAlign="NotSet" AutoGenerateColumns="False"> <CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings> <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"></RowIndicatorColumn> <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"></ExpandCollapseColumn> <Columns> <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn"> <ItemStyle CssClass="MyImageButton" Width="20px" /> </telerik:GridEditCommandColumn> <telerik:GridTemplateColumn HeaderText="ID" SortExpression="U_ID" UniqueName="U_ID" AllowFiltering="true" EditFormColumnIndex="0" FilterControlWidth="50%" DataField="U_ID" > <ItemTemplate> <asp:Label runat="server" CssClass="Label2" Width="30px" ID="U_ID" Text='<%# Eval("U_ID") %>'></asp:Label> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="UserName" SortExpression="UserName" UniqueName="UserName" AllowFiltering="true" EditFormColumnIndex="0" FilterControlWidth="70%" DataField="UserName" > <EditItemTemplate> <span style="font-size:13px;color:Red;"> <telerik:RadTextBox runat="server" Width="200px" Text='<%# Bind("UserName") %>' ID="UserName" Visible="true" MaxLength="12" > </telerik:RadTextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator9" ControlToValidate="UserName" ErrorMessage="*" runat="server"> </asp:RequiredFieldValidator> </span> </EditItemTemplate> <InsertItemTemplate> <span style="font-size:13px;color:Red;"> <telerik:RadTextBox runat="server" Width="200px" Text='<%# Bind("UserName") %>' ID="UserName" Visible="true" MaxLength="12" > </telerik:RadTextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator10" ControlToValidate="UserName" ErrorMessage="*" runat="server"> </asp:RequiredFieldValidator> </span> </InsertItemTemplate> <ItemTemplate> <asp:Label runat="server" CssClass="Label2" Width="80px" ID="UserName" Text='<%# Eval("UserName") %>'></asp:Label> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="Report Level" SortExpression="ReportLevel" UniqueName="ReportLevel" AllowFiltering="true" EditFormColumnIndex="0" FilterControlWidth="70%" DataField="ReportLevel" > <EditItemTemplate> <span style="font-size:13px; color:Red;"> <telerik:RadComboBox runat="server" Width="205px" Height="100px" EmptyMessage="Select a value" HeaderText="ReportLevel" SelectedValue='<%# Bind("ReportLevel") %>' UniqueName="ReportLevel" ID="ReportLevel" > <Items> <telerik:RadComboBoxItem Value="" Text="" /> <telerik:RadComboBoxItem Value="CC" Text="CC" /> <telerik:RadComboBoxItem Value="DIR" Text="DIR" /> </Items> </telerik:RadComboBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator5" ControlToValidate="ReportLevel" ErrorMessage="*" runat="server"> </asp:RequiredFieldValidator> </span> </EditItemTemplate> <InsertItemTemplate> <span style="font-size:13px; color:Red;"> <telerik:RadComboBox runat="server" Width="205px" Height="100px" EmptyMessage="Select a value" HeaderText="ReportLevel" SelectedValue='<%# Bind("ReportLevel") %>' UniqueName="ReportLevel" ID="ReportLevel" > <Items> <telerik:RadComboBoxItem Value="" Text="" /> <telerik:RadComboBoxItem Value="CC" Text="CC" /> <telerik:RadComboBoxItem Value="DIR" Text="DIR" /> </Items> </telerik:RadComboBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator6" ControlToValidate="ReportLevel" ErrorMessage="*" runat="server"> </asp:RequiredFieldValidator> </span> </InsertItemTemplate> <ItemTemplate> <asp:Label runat="server" CssClass="Label2" Width="80px" ID="lblReportLevel" Text='<%# Eval("ReportLevel") %>'></asp:Label> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="Cost Centre Low" SortExpression="CostCentreLow" UniqueName="CostCentreLow" AllowFiltering="true" EditFormColumnIndex="0" FilterControlWidth="70%" DataField="CostCentreLow" > <EditItemTemplate> <span style="font-size:13px; color:Red;" runat="server" > <telerik:RadComboBox ID="CostCentreLow" runat="server" Enabled="false" DataSourceID="DS_CostCentre" DataTextField="costcentre" DataValueField="costcentre" DropDownWidth="200px" SelectedValue='<%# Bind("CostCentreLow") %>' Width="205px" TabIndex="8" Font-Size="X-Small" Font-Names="Verdana" AppendDataBoundItems="True" > </telerik:RadComboBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="CostCentreLow" ErrorMessage="*" runat="server"> </asp:RequiredFieldValidator> </span> </EditItemTemplate> <InsertItemTemplate> <span style="font-size:13px; color:Red;"> <telerik:RadComboBox ID="CostCentreLow" runat="server" DataSourceID="DS_CostCentre" DataTextField="costcentre" DataValueField="costcentre" DropDownWidth="200px" SelectedValue='<%# Bind("CostCentreLow") %>' Width="205px" TabIndex="8" Font-Size="X-Small" Font-Names="Verdana" AppendDataBoundItems="True" > </telerik:RadComboBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator2" ControlToValidate="CostCentreLow" ErrorMessage="*" runat="server"> </asp:RequiredFieldValidator> </span> </InsertItemTemplate> <ItemTemplate> <asp:Label runat="server" CssClass="Label2" Width="80px" ID="CostCentreLow" Text='<%# Eval("CostCentreLow") %>'></asp:Label> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="Cost Centre High" SortExpression="CostCentreHigh" UniqueName="CostCentreHigh" AllowFiltering="true" EditFormColumnIndex="0" FilterControlWidth="70%" DataField="CostCentreHigh" > <EditItemTemplate> <span style="font-size:13px; color:Red;"> <telerik:RadComboBox ID="CostCentreHigh" runat="server" Enabled="false" DataSourceID="DS_CostCentre" DataTextField="costcentre" DataValueField="costcentre" DropDownWidth="200px" SelectedValue='<%# Bind("CostCentreHigh") %>' Width="205px" TabIndex="8" Font-Size="X-Small" Font-Names="Verdana" AppendDataBoundItems="True" > </telerik:RadComboBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator3" ControlToValidate="CostCentreHigh" ErrorMessage="*" runat="server"> </asp:RequiredFieldValidator> </span> </EditItemTemplate> <InsertItemTemplate> <span style="font-size:13px; color:Red;"> <telerik:RadComboBox ID="CostCentreHigh" runat="server" DataSourceID="DS_CostCentre" DataTextField="costcentre" DataValueField="costcentre" DropDownWidth="200px" SelectedValue='<%# Bind("CostCentreHigh") %>' Width="205px" TabIndex="8" Font-Size="X-Small" Font-Names="Verdana" AppendDataBoundItems="True" > </telerik:RadComboBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator4" ControlToValidate="CostCentreHigh" ErrorMessage="*" runat="server"> </asp:RequiredFieldValidator> </span> </InsertItemTemplate> <ItemTemplate> <asp:Label runat="server" CssClass="Label2" Width="80px" ID="CostCentreHigh" Text='<%# Eval("CostCentreHigh") %>'></asp:Label> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridButtonColumn ConfirmText="Delete this record?" ConfirmDialogType="RadWindow" ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete" UniqueName="DeleteColumn"> <ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" /> </telerik:GridButtonColumn> </Columns> <EditFormSettings ColumnNumber="2" CaptionDataField="U_ID" CaptionFormatString="Edit properties of Record {0}" InsertCaption="New Record"> <FormTableItemStyle Wrap="False"></FormTableItemStyle> <FormTableStyle CellPadding="2" CellSpacing="0" BackColor="#F2FFEC" Height="60px"></FormTableStyle> <FormMainTableStyle CellPadding="3" CellSpacing="0" BackColor="#F2FFEC" Width="100%"></FormMainTableStyle> <FormCaptionStyle CssClass="EditFormHeader"></FormCaptionStyle> <FormMainTableStyle GridLines="None" CellSpacing="0" CellPadding="3" BackColor="#F2FFEC" Width="100%" /> <FormTableStyle CellSpacing="0" CellPadding="2" Height="60px" BackColor="#F2FFEC" /> <FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle> <EditColumn ButtonType="ImageButton" InsertText="Insert Record" UpdateText="Update Record" UniqueName="EditCommandColumn1" CancelText="Cancel edit"> </EditColumn> <FormTableButtonRowStyle HorizontalAlign="Right" CssClass="EditFormButtonRow"></FormTableButtonRowStyle> </EditFormSettings> </MasterTableView> <ClientSettings> <Selecting AllowRowSelect="True" /> <ClientEvents OnRowDblClick="RowDblClick" /> <Selecting AllowRowSelect="True"></Selecting> <ClientEvents OnRowDblClick="RowDblClick"></ClientEvents> </ClientSettings> <EditItemStyle BackColor="#F2FFEC" /> <ActiveItemStyle BackColor="#FFF8D9" BorderColor="#FFF8D9" BorderStyle="Solid" BorderWidth="1px" /> <ActiveItemStyle BackColor="#FFF8D9" BorderColor="#FFF8D9" BorderWidth="1px" BorderStyle="Solid"></ActiveItemStyle> <SelectedItemStyle BackColor="#FFF8D9" BorderColor="#FFF8D9" BorderStyle="Solid" BorderWidth="1px" /> <FilterMenu EnableImageSprites="False"></FilterMenu> <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Web20"></HeaderContextMenu> </telerik:RadGrid>protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e) { if (e.Item is GridEditableItem && e.Item.IsInEditMode) { //the dropdown list will be the first control in the Controls collection of the corresponding cell RadComboBox list = (e.Item as GridEditableItem)["ReportLevel"].Controls[1] as RadComboBox; //attach SelectedIndexChanged event for the drodown control this.combo_SelectedIndexChanged list.AutoPostBack = true; //list.SelectedIndexChanged += new RadComboBoxSelectedIndexChangedEventHandler(this.list_SelectedIndexChanged); list.SelectedIndexChanged += new RadComboBoxSelectedIndexChangedEventHandler(list_SelectedIndexChanged); } } void list_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e) { //first reference the edited grid item through the NamingContainer attribute GridEditableItem editedItem = (sender as RadComboBox).NamingContainer as GridEditableItem; //the dropdown list will be the first control in the Controls collection of the corresponding cell //for custom edit forms (WebUserControl/FormTemplate) you can find the column editor with the FindControl(controlId) method RadComboBox ddRepLev = editedItem["ReportLevel"].Controls[1] as RadComboBox; RadComboBox ddCostCen = editedItem["CostCentreLow"].Controls[1] as RadComboBox; if (ddRepLev.SelectedValue == "CC") { this.DS_CostCentre.SelectCommand = "SELECT '' AS costcentre UNION SELECT DISTINCT SEGMENT_CODE AS costcentre FROM ORACLE_DS_GL_CoA_Segments WHERE (SEGMENT_NUMBER = 2) "; //AND (EFFECTIVE_STATUS = 'Active') this.DS_CostCentre.DataBind(); } else { this.DS_CostCentre.SelectCommand = "SELECT '' AS costcentre UNION SELECT DISTINCT PARENT_CODE_L2 AS costcentre FROM ORACLE_DS_GL_CoA_Segments WHERE (SEGMENT_NUMBER = 2) "; //AND (EFFECTIVE_STATUS = 'Active') this.DS_CostCentre.DataBind(); } //ddCostCen.DataSourceID = "DS_CostCentre"; ddCostCen.Enabled = true; }Dim vChartSeries = New ChartSeries("Series 1", ChartSeriesType.Bar)
vChartSeries.YAxisType = ChartYAxisType.Primary
Dim vChartSeries2 = New ChartSeries("Series 2", ChartSeriesType.Bar)
vChartSeries2.YAxisType = ChartYAxisType.Secondary
RadChart2.AddChartSeries(vChartSeries)
RadChart2.AddChartSeries(vChartSeries2)
RadChart2.PlotArea.XAxis.AxisLabel.TextBlock.Text = "AAA"
RadChart2.PlotArea.YAxis.AxisLabel.TextBlock.Text "BBB"
RadChart2.Series(0).DataYColumn = "value_column_left"
RadChart2.Series(1).DataYColumn = "value_column_right"
RadChart2.PlotArea.XAxis.DataLabelsColumn = "groupby_column"
RadChart2.DataSource = getDataSource()
RadChart2.DataBind()Hi I have a radlistview that gets random items from the database, each item has two buttons inside add to wishlist, add to cart.
I wanna do a clientside event to a javascript that triggers an event in codebehind without
reloading the webpage. Each button has two arguments that needs to be posted
back to a code behind event.
I cant use ajaxpanel for the radlistview considering it's getting random items, it wont work because the id value of the index wont be the same after postback. didnt even work when I put the buttons directly inside a radajaxpanel.
What I would like to know what is the best way in with RadControls to do this with javascript AJAX event...
A working sample would be appreciated because I have searched all over the web and in teleriks vast resources but havent been
able to find something that works nor figure it out on my own. this will also trigger a external
ajaxpanel to reload and show the result of the button clicked but thats an easy fix when the rest is solved.
Thanks,