<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" OnItemDataBound="RadGrid1_ItemDataBound" OnItemCreated="RadGrid1_ItemCreated" AllowSorting="True" AllowMultiRowSelection="False" OnItemCommand="RadGrid1_ItemCommand" AutoGenerateEditColumn="false" OnDataBound="RadGrid1_DataBound" OnDetailTableDataBind="RadGrid1_DetailTableDataBind" OnNeedDataSource="RadGrid1_NeedDataSource" OnInsertCommand="RadGrid1_InsertCommand" OnPreRender="RadGrid1_PreRender"> <MasterTableView DataKeyNames="TempAccountsId" ShowFooter="true" TableLayout="Auto" AllowMultiColumnSorting="True" EditMode="InPlace"> <DetailTables> <telerik:GridTableView DataKeyNames="CleaningId" CommandItemDisplay="Top" TableLayout="Fixed" Name="Cleaning" ShowFooter="true" EditMode="InPlace" AllowAutomaticUpdates="false"> <Columns> <telerik:GridTemplateColumn Visible="false"> <ItemTemplate> <asp:Label ID="lblCleaningId" runat="server" Text='<%#Eval("CleaningId") %>'></asp:Label> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridEditCommandColumn ButtonType="ImageButton" HeaderText="Edit" UniqueName="Edit" HeaderStyle-Width="70px" ItemStyle-Width="70px" HeaderStyle-HorizontalAlign="Center" EditImageUrl="../Images/edit.gif" ItemStyle-HorizontalAlign="Center" > </telerik:GridEditCommandColumn> <telerik:GridTemplateColumn HeaderText="Delete" UniqueName="Delete" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Width="45px" ItemStyle-Width="45px" ItemStyle-HorizontalAlign="Center"> <ItemTemplate> <asp:ImageButton runat="server" ID="imgdelete" OnClientClick="return confirm('Are you sure that you want to Delete?');" ImageUrl="../Images/delete.gif" CommandName="Delete" CommandArgument="" /> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="Description" UniqueName="Description" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Width="170px" ItemStyle-Width="160px"> <ItemTemplate> <asp:Label ID="lblExplanation" runat="server" Text='<%#Eval("Description") %>'></asp:Label> </ItemTemplate> <EditItemTemplate> <asp:TextBox ID="txtDescriptionEdit" runat="server" Text='<%#Eval("Description") %>' Width="155px" MaxLength="180"></asp:TextBox> </EditItemTemplate> <InsertItemTemplate> <asp:TextBox ID="txtDescriptionInsert" runat="server" Width="155px" MaxLength="180" BorderWidth="1px"></asp:TextBox> </InsertItemTemplate> <FooterTemplate> <asp:Label ID="lblSubtotalFooter" runat="server" Text="Sub Total"></asp:Label> </FooterTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn> <ItemTemplate> <asp:Label ID="lblNotes" runat="server" Text='<%#Eval("Notes") %>' Visible="false"></asp:Label> <asp:ImageButton ID="imgNotes" runat="server" ImageUrl="~/Images/TextboxHS.png" CommandArgument='<%#Eval("CleaningId") %>' CommandName="OpenWindowView" Visible="false" /> </ItemTemplate> <HeaderStyle Width="30px" /> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="Notes" UniqueName="Notes"> <ItemTemplate> <asp:ImageButton ID="imgNotesEdit" ImageUrl="~/Images/edit.gif" runat="server" CommandName="OpenWindow" CommandArgument='<%#Eval("CleaningId") %>' /> </ItemTemplate> <HeaderStyle Width="40px" /> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderStyle-Width="220px" UniqueName="Rate" HeaderText="Rate" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="210px" HeaderStyle-HorizontalAlign="Center"> <ItemTemplate> <asp:RadioButton ID="rdbtnPerSqft" runat="server" Text="PerSqft" GroupName="Rate" Enabled="false" Checked='<%# bool.Parse(Eval("IsPerSqftRate").ToString()) %>' /> <asp:RadioButton ID="rdbtnFlat" runat="server" Text="Flat" GroupName="Rate" Enabled="false" Checked='<%# bool.Parse(Eval("IsFlatRate").ToString()) %>' /> <asp:Label ID="lblPerSqFtRatedisplay" runat="server" Width="50px" Style="text-align: right;" Text='<%# string.Format("{0:n}", Convert.ToDecimal(Eval("PerSqFtRate"))) %>'></asp:Label> </ItemTemplate> <EditItemTemplate> <telerik:RadButton ToggleType="Radio" ID="rdbtnPerSqftEdit" Width="40px" ButtonType="ToggleButton" CommandName="PerSqftRate" Text="PerSqft" runat="server" GroupName="Rate" Checked='<%# bool.Parse(Eval("IsPerSqftRate").ToString()) %>'> </telerik:RadButton> <telerik:RadButton ToggleType="Radio" ID="rdbtnFlatEdit" Width="20px" ButtonType="ToggleButton" CommandName="Flatrate" Text="Flat" runat="server" GroupName="Rate" Checked='<%# bool.Parse(Eval("IsFlatRate").ToString()) %>'> </telerik:RadButton> <asp:TextBox ID="txtRateEdit" runat="server" Width="80px" CssClass="AlgRgh" Visible="true" Text='<%# string.Format("{0:n}", Convert.ToDecimal(Eval("PerSqFtRate"))) %>' onkeypress="javascript:return Allownumbersonly(event);" BorderWidth="1px"></asp:TextBox> <asp:Label ID="lblRateEdit" runat="server" Visible="false" Text='<%# string.Format("{0:n}", Convert.ToDecimal(Eval("PerSqFtRate"))) %>'></asp:Label> </EditItemTemplate> <InsertItemTemplate> <telerik:RadButton ToggleType="Radio" ID="rdbtnPerSqftinsert" Width="40px" ButtonType="ToggleButton" CommandName="PerSqftinsert" Text="PerSqft" runat="server" GroupName="Rate"> </telerik:RadButton> <telerik:RadButton ToggleType="Radio" ID="rdbtnFlatinsert" Width="20px" ButtonType="ToggleButton" CommandName="Flatrateinsert" Text="Flat" runat="server" GroupName="Rate"> </telerik:RadButton> <asp:TextBox ID="txtRateinsert" runat="server" Width="80px" onkeypress="javascript:return Allownumbersonly(event);" BorderWidth="1px"></asp:TextBox> </InsertItemTemplate> </telerik:GridTemplateColumn> </Columns> </telerik:GridTableView> </DetailTables> <Columns> <telerik:GridTemplateColumn HeaderText="AccountId" UniqueName="TempAccountsId" Visible="false"> <ItemTemplate> <asp:Label ID="lblTempAccountsId" runat="server" Text='<%#Eval("TempAccountsId") %>'></asp:Label> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="Account Number" UniqueName="AccountNumber" ItemStyle-Width="120px" HeaderStyle-Width="120px" HeaderStyle-HorizontalAlign="left" ItemStyle-HorizontalAlign="left"> <ItemTemplate> <asp:Label ID="lblAccountNumber" runat="server" Text='<%#Eval("AccountNumber") %>'></asp:Label> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="Account Name" UniqueName="AccountName" ItemStyle-Width="210px" HeaderStyle-Width="220px" HeaderStyle-HorizontalAlign="left" ItemStyle-HorizontalAlign="left"> <ItemTemplate> <asp:Label ID="lblAccountName" runat="server" Text='<%#Eval("AccountName") %>'></asp:Label> </ItemTemplate> <FooterTemplate> <asp:Label ID="lbltotalFooter" runat="server" Text="Total:"></asp:Label> </FooterTemplate> </telerik:GridTemplateColumn> </Columns> </MasterTableView> <ClientSettings AllowKeyboardNavigation="true" EnableRowHoverStyle="true"> </ClientSettings> </telerik:RadGrid>
function updateChanges() { ItemsService.AddNewItem(updateGrid()); } function updateGrid(result) { var masterTable = $find("<%= grdInvoiceItems.ClientID %>").get_masterTableView(); masterTable.fireCommand("RebindGrid");// $find("<%= grdInvoiceItems.ClientID %>").get_masterTableView().rebind(); }<table><tr> <td style="width: 590px"> <asp:Panel ID="panelRateReport" ScrollBars="Horizontal" Width="99.8%" runat="server" Height="410"> <telerik:RadGrid runat="server" ID="gridRate" AutoGenerateColumns="true" Height="99%" Skin="Hay" GridLines="Both" OnPreRender="gridRate_PreRender" OnColumnCreated="gridRate_ColumnCreated" OnItemDataBound="gridRate_ItemDataBound"> </telerik:RadGrid> </asp:Panel> </td> <td style="width: 20px"> </td> <td> <asp:Panel ID="panel1" runat="server" ScrollBars="Horizontal" Width="99.8%" Height="410"> <telerik:RadGrid runat="server" ID="gridRateAbove10k" AutoGenerateColumns="true" Height="99%" GridLines="Both" Skin="Hay" OnPreRender="gridRate_PreRender" OnColumnCreated="gridRate_ColumnCreated" OnItemDataBound="gridRate_ItemDataBound"> </telerik:RadGrid> </asp:Panel> </td> </tr><tr>....</tr><table>function AsyncUploadRequiredValidation(cond) { var uploader = $find(cond.IDToEval); return (uploader.getUploadedFiles().length == 0) ? 0 : 1;}| <system.webServer> |
| <handlers> |
| ... |
| <add path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI, Version=2008.1.415.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" |
| name="Telerik.Web.UI.WebResource"/> |
| </handlers> |
| ... |
| </system.webServer> |
Hello Telerik Support Team,
Having some issues with RadMenu control. Please have a look on code block and attached screenshots.
Issue – RadMenu items are not displayed properly in RadGrid. No idea how it’s taking grid row’s height and width. I have tried to override RadMenu css but still same issues.
Regards,
Ajit Singh
---------------- ASPX and CSS CODE-----------------------
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication6.WebForm1" %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.MasterTable_Default caption {
color: red;
background-color:Black;
text-align:left;
}
.leftNavigatorstlye-Link
{
background-color:#0071bc;
font-size: 12px;
text-decoration: none;
font-family: Segoe UI, Helvetica, Garuda, Arial, sans-serif;
font-weight: bold;
color:White;
}
.RadGrid_Default .rgHeader,
.RadGrid_Default th.rgResizeCol
{
background:url('Grid/headers.gif') repeat-x #434343 !important;
font-size: 12px !important;
text-decoration: none !important;
font-family: Segoe UI, Helvetica, Garuda, Arial, sans-serif !important;
font-weight: bold !important;
color:White !important;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<table id="maintable" runat="server" style="width:100%;border-spacing:0;border-collapse:separate;">
<tr><td class="leftNavigatorstlye-Link">My Task</td></tr>
<tr>
<td>
<telerik:RadGrid ID="RadGrid1" DataSourceID="SqlDataSource1" AllowMultiRowSelection="True"
runat="server" AllowSorting="True" GridLines="None" AllowPaging="True" CellSpacing="0"
ShowGroupPanel="True" onitemcommand="RadGrid1_ItemCommand" >
<MasterTableView CommandItemDisplay="Top" CssClass="MasterTable_Default" HeaderStyle-CssClass="rgHeader" TableLayout="Fixed" >
<CommandItemTemplate>
<asp:LinkButton ID="LinkButton6" runat="server" CommandName="Rebind">
<img style="border:0px; height:22px;width:22px;" alt="" src="RefreshList.gif" />
</asp:LinkButton>
<asp:LinkButton ID="LinkButton1" runat="server" CommandName="Rebind">
Global Actions
</asp:LinkButton>
<br />
</CommandItemTemplate>
<Columns>
<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn">
</telerik:GridClientSelectColumn>
<telerik:GridTemplateColumn>
<ItemTemplate>
<telerik:RadMenu ID="RadMenu1" runat="server" EnableRoundedCorners="true" EnableShadows="true"
ExpandAnimation-Type="None" CollapseAnimation-Type="None" ExpandDelay="0" CollapseDelay="0" >
<Items>
<telerik:RadMenuItem Text="Actions" Selected="false">
<GroupSettings ExpandDirection="Right" />
<Items >
<telerik:RadMenuItem Text="View Process" />
<telerik:RadMenuItem Text="Cancel Task" />
<telerik:RadMenuItem Text="Reassign task" />
<telerik:RadMenuItem Text="Create Linked Work Item" />
</Items>
</telerik:RadMenuItem>
</Items>
</telerik:RadMenu>
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>
<ClientSettings EnableRowHoverStyle="true" AllowDragToGroup="True">
<Selecting AllowRowSelect="True"></Selecting>
<Scrolling AllowScroll="True" UseStaticHeaders="True" />
</ClientSettings>
</telerik:RadGrid>
</td>
</tr>
</table>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
SelectCommand="SELECT [USER_NAME],[FULL_NAME],[DEPARTMENT],[EMAIL_ADDRESS],[MANAGER],[GROUP_NAME] FROM [tUsers]"></asp:SqlDataSource>
<br /><br />
</div>
</form>
</body>
</html>
-------------------------------- CODE BEHIND------------------------
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Telerik.Web.UI;
namespace WebApplication6
{
public partial class WebForm1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void RadGrid1_ItemCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e)
{
if (e.CommandName == "Rebind")
{
RadGrid1.Rebind();
}
}
}
}