Hi,
i have an asp.net application using some radgrids with filter controls: AllowFilteringByColumn="True"
I tested the radgrid from my local machine, and the radgrid looked fine.
Then i deployed the web application to a sharepoint server.
Now i noticed that the filter controls (the filter row) look bad only when the FilterIcon of my GridDateTimeColumn is hidden: ShowFilterIcon="false"
Here a screenshot when the FilterIcon of my DateTimeColumn is hidden: link1
Here a screenshot when the FilterIcon of my DateTimeColumn is visible: link2
Here the code of my aspx page:
| <table border="0" style="height: 100%; width: 100%"> |
| <tr > |
| <td style="width: 100%; padding-top: 5px; vertical-align: top;"> |
| <telerik:RadScriptBlock runat="server" ID="RadScriptBlock1"> |
| <script type="text/javascript"> |
| function OnClientSelectedIndexChangedHandler(sender, eventArgs) { |
| var inputElement = sender.get_inputDomElement(); |
| inputElement.style.textAlign = "center"; |
| } |
| </script> |
| </telerik:RadScriptBlock> |
| <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="RadGrid1"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
| <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Vista" /> |
| <telerik:RadGrid ID="RadGrid1" Skin="Windows7" Width="100%" AllowFilteringByColumn="True" |
| AllowSorting="True" PageSize="12" AllowPaging="True" runat="server" |
| AutoGenerateColumns="False" GridLines="None" > |
| <GroupingSettings CaseSensitive="false" /> |
| <MasterTableView EditMode="InPlace" DataKeyNames="ProjectUID" TableLayout="Fixed"> |
| <Columns> |
| <telerik:GridHyperLinkColumn HeaderText="ProjectName" UniqueName="ProjectName" DataTextField="ProjectName" |
| SortExpression="ProjectName" HeaderStyle-Width="40%" FilterControlWidth="95%" AutoPostBackOnFilter="false" ShowFilterIcon="true" /> |
| <telerik:GridBoundColumn HeaderText="ProjectLeader" DataField="ProjectLeader" UniqueName="ProjectLeader" |
| SortExpression="ProjectLeader" HeaderStyle-Width="15%" FilterControlWidth="85%" AutoPostBackOnFilter="false" ShowFilterIcon="true" /> |
| <telerik:GridDateTimeColumn HeaderText="LastReport" DataField="LastReport" UniqueName="LastReport" DataType="System.DateTime" DataFormatString="{0:MM/d/yyyy}" |
| SortExpression="LastReport" HeaderStyle-Width="15%" FilterControlWidth="90%" AutoPostBackOnFilter="false" ShowFilterIcon="true" /> |
| <telerik:GridBoundColumn HeaderText="LastModifiedBy" DataField="LastModifiedBy" UniqueName="LastModifiedBy" |
| SortExpression="LastModifiedBy" HeaderStyle-Width="15%" FilterControlWidth="85%" AutoPostBackOnFilter="false" ShowFilterIcon="true" /> |
| <telerik:GridTemplateColumn HeaderText="Status" DataField="Status" UniqueName="Status" |
| SortExpression="Status" HeaderStyle-Width="15%" FilterControlWidth="85%" ReadOnly="true" AutoPostBackOnFilter="false" ShowFilterIcon="false" > |
| <ItemTemplate> |
| <asp:Image ID="StatusImage" Style="float: left;" ImageUrl='' |
| runat="server" AlternateText="StatusImage" /> |
| <asp:Label ID="StatusLabel" runat="server" Text='<%#Eval("Status")%>'></asp:Label> |
| </ItemTemplate> |
| <FilterTemplate> |
| <telerik:RadComboBox runat="server" ID="FilterComboStatus" AutoPostBack="true" |
| Filter="Contains" Skin="Windows7" Width="99%" |
| DataTextField="<%# STR_TEXT %>" DataValueField="<%# STR_VALUE %>" DataSource='<%# GridHelperObj.Indicator_CreateStatusDT() %>' |
| OnSelectedIndexChanged="FilterComboStatus_SelectedIndexChanged" |
| OnClientLoad="OnClientSelectedIndexChangedHandler" |
| SelectedValue='<%# TryCast(Container,GridItem).OwnerTableView.GetColumn("Status").CurrentFilterValue %>' > |
| </telerik:RadComboBox> |
| </FilterTemplate> |
| <HeaderStyle HorizontalAlign="Center"></HeaderStyle> |
| <ItemStyle HorizontalAlign="Center"></ItemStyle> |
| </telerik:GridTemplateColumn > |
| </Columns> |
| </MasterTableView> |
| </telerik:RadGrid> |
| </td> |
| </tr> |
| </table> |
Thank you in advance
Hi,
Earlier we were using rad grid version of Q3 2007. Now we are migrating it to Q2 2009.
My OnRowCreated event goes like this,
function onRowCreated(rowObject)
{
if(rowObject.ItemType == "NestedView")
{
var nestedTable = rowObject.Control.cells[1].childNodes[0];
if(nestedTable != null && nestedTable.tBodies[0].rows.length == 1 && nestedTable.innerHTML.indexOf("No child records to display.") != -1)
{
var parentRow = this.Control.rows[rowObject.Control.rowIndex - 1];
parentRow.cells[0].childNodes[0].style.display = "none";
rowObject.Control.style.display = "none";
}
}
}
Now i need to convert this to rad grid version of Q2 2009.
I couldnt find how to convert rowObject.ItemType to the latest one.
If anybody knows how to convert this above function to the Q2 2009 version please let me know.
Thanks in advance
An unhandled exception was generated during the execution of the current
web request. Information regarding the origin and location of the
exception can be identified using the exception stack trace below.
|
[InvalidOperationException: Not enough permissions. Inherit your page class from RadAjaxPage if you are running under Medium trust level.] Telerik.Web.UI.RadAjaxControl.AttachOnRender() +274 Telerik.Web.UI.RadAjaxControl.OnPagePreRenderComplete(Object sender, EventArgs e) +97 System.EventHandler.Invoke(Object sender, EventArgs e) +0 System.Web.UI.Page.OnPreRenderComplete(EventArgs e) +8700926 System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +1029 |
Dear Telerik,
Iam facing an issue in invoking EditPopup after I grouped any of the columns inthe radgrid. When I do this the page seemed like shadow gray color as I couldnot do any action in the PopUp window. It is caused at the of Grouping is doneotherwise I could do all operations with EditPoup window.
I am afraid of what mistake I made in my page. Herewith I notedthe siplified code for your reference.
| <div align="center"> |
| <div class="RadCustomPage" id="RadTest" runat="server"> |
| <asp:ScriptManager ID="ScriptManager1" runat="server" /> |
| <%--<telerik:RadScriptManager ID="man1" runat="server"></telerik:RadScriptManager>--%> |
| <telerik:RadAjaxManager ID="radAjaxManager" runat="server"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="RadGrid1"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="ajaxLoadingPanel" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
| <telerik:RadAjaxLoadingPanel ID="ajaxLoadingPanel" runat="server" Height="75px" Width="75px" |
| HorizontalAlign="Left" BackgroundPosition="BottomLeft" Direction="LeftToRight"> |
| <div style="position: absolute; left: 500px; top: 200px"> |
| <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading7.gif") %>' |
| style="border: 0px;" /> |
| </div> |
| </telerik:RadAjaxLoadingPanel> |
| <telerik:RadGrid ID="RadGrid1" runat="server" Width="100%" Skin="Vista" AutoGenerateColumns="false" |
| OnNeedDataSource="RadGrid1_NeedDataSource"> |
| <HeaderStyle CssClass="HeaderStyle" /> |
| <ItemStyle CssClass="ItemStyle" /> |
| <AlternatingItemStyle CssClass="AlternatingItemStyle" /> |
| <ClientSettings AllowDragToGroup="true"> |
| <Resizing AllowColumnResize="True" AllowRowResize="false" ResizeGridOnColumnResize="true" |
| ClipCellContentOnResize="false" EnableRealTimeResize="false" /> |
| <ClientEvents OnGridCreated="GridCreated" /> |
| </ClientSettings> |
| <MasterTableView EditMode="PopUp" DataKeyNames="ID" CommandItemDisplay="Top"> |
| <Columns> |
| <telerik:GridEditCommandColumn UniqueName="EditColumn"> |
| </telerik:GridEditCommandColumn> |
| <telerik:GridBoundColumn HeaderText="ID" HeaderButtonType="TextButton" DataField="ID"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="Name" HeaderButtonType="TextButton" DataField="Name"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="Address" HeaderButtonType="TextButton" DataField="Address"> |
| </telerik:GridBoundColumn> |
| </Columns> |
| <EditFormSettings PopUpSettings-Modal="true" PopUpSettings-Height="500px" PopUpSettings-Width="800px"> |
| <FormTemplate> |
| <table> |
| <tr> |
| <td> |
| Test Grid |
| </td> |
| </tr> |
| </table> |
| </FormTemplate> |
| </EditFormSettings> |
| </MasterTableView> |
| </telerik:RadGrid> |
| </div> |
| </div> |
| protected void Page_Load(object sender, EventArgs e) |
| { |
| try |
| { |
| //Grid Grouping settings |
| RadGrid1.ShowGroupPanel = true; |
| RadGrid1.ClientSettings.AllowDragToGroup = true; |
| RadGrid1.GroupingSettings.ShowUnGroupButton = true; |
| RadGrid1.ClientSettings.Selecting.AllowRowSelect = true; |
| RadGrid1.ClientSettings.AllowGroupExpandCollapse = true; |
| //Column Resizing settings |
| RadGrid1.ClientSettings.Resizing.AllowColumnResize = true; |
| RadGrid1.ClientSettings.Resizing.AllowRowResize = false; |
| RadGrid1.ClientSettings.Resizing.ResizeGridOnColumnResize = false; |
| RadGrid1.ClientSettings.Resizing.ClipCellContentOnResize = true; |
| RadGrid1.ClientSettings.Resizing.EnableRealTimeResize = false; |
| //Column Reordering settings |
| RadGrid1.ClientSettings.AllowColumnsReorder = true; |
| RadGrid1.ClientSettings.ColumnsReorderMethod = GridClientSettings.GridColumnsReorderMethod.Reorder; |
| RadGrid1.ClientSettings.ReorderColumnsOnClient = false; |
| // Scrolling settings |
| RadGrid1.ClientSettings.Scrolling.AllowScroll = true; |
| RadGrid1.ClientSettings.Scrolling.UseStaticHeaders = true; |
| RadGrid1.ClientSettings.Scrolling.SaveScrollPosition = true; |
| RadGrid1.ClientSettings.Scrolling.ScrollHeight = Unit.Pixel(400); |
| } |
| catch (Exception e1) |
| { |
| Response.Write(e1.Message.ToString()); |
| } |
| } |
| public DataTable GetData() |
| { |
| DataTable dt = new DataTable(); |
| DataColumn[] cols = new DataColumn[] { new DataColumn("ID"), new DataColumn("Name"), new DataColumn("Address") }; |
| dt.Columns.AddRange(cols); |
| for (int i = 0; i <= 50; i++) |
| { |
| DataRow dr = dt.NewRow(); |
| dr[0] = "ID :" + i; |
| dr[1] = "Name :" + i; |
| dr[2] = "Address :" + i; |
| dt.Rows.Add(dr); |
| } |
| return dt; |
| } |
| protected void RadGrid1_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e) |
| { |
| this.RadGrid1.DataSource = GetData(); |
| } |
I hope the above mentioned code snippet would be enough tounderstand the scenario
-Thanks
