Questions on UI for ASP.NET AJAX Forum

6 answers

367 views

I get the following jscript error:

Error updating jscript Intellisense: Telerik.Web.UI.Common.Jquery-vsdoc.js:Telerik.Web.UI: '_$' is undefined @ 2217:8.

I followed the documentation as described here: http://www.telerik.com/help/aspnet-ajax/introduction-jquery-intellisense.html but the problem still exists.

What to do ?

General Discussions

answered on 03 May 2011

7 answers

195 views

Using RadWindow as a Normal Div-Like Container

To maintain UI consistency in the site, I'd like to use the RadWindow in a fixed position as a normal div-like container.

I don't need (or want) it to pop-up, float, collapse, move or disappear.

Does anyone have any suggestions, advice, or example on doing that?

Thanks,

Ken

Window

answered on 03 May 2011

3 answers

84 views

Sorting Issue

Hi all,

I have very strange issue, can some one enlighten me what can be the reason?
Here is brief description of what going on:
  1. RadGrid binded to List<WorkstationInfo> where Workstation is simple class
  2. binding happen in NeedDataSource event
  3. In SortCommand, I perform custom sorting.

var sortExpr = new GridSortExpression();
   switch (e.OldSortOrder)
   {
   case GridSortOrder.None:
   sortExpr.FieldName = e.SortExpression;
   sortExpr.SortOrder = GridSortOrder.Descending;

   e.Item.OwnerTableView.SortExpressions.AddSortExpression( sortExpr );
   break;
   case GridSortOrder.Ascending:
   sortExpr.FieldName = e.SortExpression;
   sortExpr.SortOrder = gridWorkstationStatus.MasterTableView.AllowNaturalSort ? GridSortOrder.None : GridSortOrder.Descending;
   e.Item.OwnerTableView.SortExpressions.AddSortExpression( sortExpr );
   break;
   case GridSortOrder.Descending:
   sortExpr.FieldName = e.SortExpression;
   sortExpr.SortOrder = GridSortOrder.Ascending;

   e.Item.OwnerTableView.SortExpressions.AddSortExpression( sortExpr );
   break;
   }

   e.Canceled = true;
   gridWorkstationStatus.Rebind();

All works fine first to clicks on any columns, then it stop working. To continue sort, the mouse should be clicked on logo or on already existed sort image button, but when other column is clicked, nothing happen - the post-back event not fired and no events called on server.

It's work fine on chrome, but on IE 8,9 it is have this issue.

Here is aspx page code:
<%@ Page Title="" Language="C#" MasterPageFile="~/TreePartMaster.Master" AutoEventWireup="true"
   Async="true" CodeBehind="LabInfo.aspx.cs" Inherits="Intel.Diamond.Web.Views.Monitor.SegmentView" %>

<asp:Content ID="Header" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Body" ContentPlaceHolderID="MainContent" runat="server">
   <telerik:RadGrid ID="gridWorkstationStatus" runat="server" AutoGenerateColumns="False"
   GridLines="None" AllowSorting="True"
   GroupingEnabled="False"
   onneeddatasource="gridWorkstationStatus_NeedDataSource"
   onsortcommand="gridWorkstationStatus_SortCommand">
   <MasterTableView PageSize="30">
   <CommandItemSettings ExportToPdfText="Export to Pdf"
   ShowAddNewRecordButton="False"></CommandItemSettings>
   <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
   <HeaderStyle Width="20px"></HeaderStyle>
   </RowIndicatorColumn>
   <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">
   <HeaderStyle Width="20px"></HeaderStyle>
   </ExpandCollapseColumn>
   <Columns>
   <telerik:GridBoundColumn DataField="SegmentId" DataType="System.Int32" FilterControlAltText="Filter SegmentId column"
   HeaderText="SegmentId" SortExpression="SegmentId" UniqueName="SegmentId"
   Visible="False">
   </telerik:GridBoundColumn>
   <telerik:GridBoundColumn DataField="WorkstationTypeId" DataType="System.Int32" FilterControlAltText="Filter WorkstationTypeId column"
   HeaderText="WorkstationTypeId" SortExpression="WorkstationTypeId"
   UniqueName="WorkstationTypeId" Visible="False">
   </telerik:GridBoundColumn>
   <telerik:GridBoundColumn DataField="WorkStationStatus" FilterControlAltText="Filter WorkStationStatus column"
   HeaderText="Workstation Status" SortExpression="WorkStationStatus"
   UniqueName="WorkStationStatus">
   </telerik:GridBoundColumn>
   <telerik:GridBoundColumn DataField="WorkStationName" FilterControlAltText="Filter WorkStationName column"
   HeaderText="Workstation" SortExpression="WorkStationName"
   UniqueName="WorkStationName">
   </telerik:GridBoundColumn>
   <telerik:GridBoundColumn DataField="WorkstationType" FilterControlAltText="Filter WorkstationType column"
   HeaderText="Workstation Type" SortExpression="WorkstationType"
   UniqueName="WorkstationType">
   </telerik:GridBoundColumn>
   <telerik:GridBoundColumn DataField="HITManagerVersion" FilterControlAltText="Filter HITManagerVersion column"
   HeaderText="HIT Version" SortExpression="HITManagerVersion"
   UniqueName="HITManagerVersion">
   </telerik:GridBoundColumn>
   <telerik:GridBoundColumn DataField="IMVersion" FilterControlAltText="Filter IMVersion column"
   HeaderText="IM Version" SortExpression="IMVersion" UniqueName="IMVersion">
   </telerik:GridBoundColumn>
   <telerik:GridBoundColumn DataField="DriverVersion" FilterControlAltText="Filter DriverVersion column"
   HeaderText="Driver Version" SortExpression="DriverVersion"
   UniqueName="DriverVersion">
   </telerik:GridBoundColumn>
   <telerik:GridBoundColumn DataField="CableLossLastUpdated" FilterControlAltText="Filter CableLossLastUpdated column"
   HeaderText="CableLoss Modified" SortExpression="CableLossLastUpdated"
   UniqueName="CableLossLastUpdated">
   </telerik:GridBoundColumn>
   <telerik:GridBoundColumn DataField="HitManagerStatus" FilterControlAltText="Filter HitManagerStatus column"
   HeaderText="HIT Status" SortExpression="HitManagerStatus"
   UniqueName="HitManagerStatus">
   </telerik:GridBoundColumn>
   <telerik:GridBoundColumn DataField="LastUpdated" FilterControlAltText="Filter LastUpdated column"
   HeaderText="Last Updated" SortExpression="LastUpdated"
   UniqueName="LastUpdated">
   </telerik:GridBoundColumn>
   </Columns>
   <EditFormSettings>
   <EditColumn FilterControlAltText="Filter EditCommandColumn column">
   </EditColumn>
   </EditFormSettings>
   <HeaderStyle Wrap="False" />
   </MasterTableView>
   <HeaderStyle Wrap="False" />
   <FilterMenu EnableImageSprites="False">
   </FilterMenu>
   <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">
   </HeaderContextMenu>
   </telerik:RadGrid>
   <telerik:RadAjaxManagerProxy ID="LabMonitorAjaxManagerProxy" runat="server">
   <AjaxSettings>
   <telerik:AjaxSetting AjaxControlID="gridWorkstationStatus">
   <UpdatedControls>
   <telerik:AjaxUpdatedControl ControlID="gridWorkstationStatus" />
   </UpdatedControls>
   </telerik:AjaxSetting>
   </AjaxSettings>
   </telerik:RadAjaxManagerProxy>
</asp:Content>

Grid

answered on 03 May 2011

12 answers

331 views

how to set initial sort and filter?

I have added the markup necessary to specify the initial sort and filter. When the page loads, the UI is set with the proper sort and filter indicated, but the request submitted by Telerik's Ajax code to my web service has no elements in either of List<GridSortExpression> or

List<GridFilterExpression>.  So as a result, the grid is populated with unsorted & unfiltered data.

Here's the signature of the web service function that is called:

public Dictionary<string, object> GetAllUsersGrid(int startRowIndex, int maximumRows, List<GridSortExpression> sortExpression, List<GridFilterExpression> filterExpression)

Here's my markup:

<telerik:RadGrid ID="AllUsersGrid" runat="server" AllowPaging="True" GridLines="None"

AutoGenerateColumns="False" Skin="WebBlue" AllowSorting="True" PageSize="20">

<PagerStyle Mode="NumericPages" />

<MasterTableView Font-Size="11px" AllowFilteringByColumn="true">

<SortExpressions>

<telerik:GridSortExpression FieldName="Name" SortOrder="Ascending" />

</SortExpressions>

<Columns>

<telerik:GridBoundColumn HeaderText="Name" DataField="Name" UniqueName="Name" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left" ItemStyle-Wrap="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Email Address" DataField="Email" UniqueName="EmailAddress" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Access Level" DataField="AccessLevel" UniqueName="AccessLevel" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left" CurrentFilterFunction="EqualTo" CurrentFilterValue="User">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Verified" DataField="EmailVerified" UniqueName="EmailVerified" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Failed Logins" DataField="NumFailedLogins" UniqueName="FailedLogins" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Reset" UniqueName="Reset" ItemStyle-Width="40" AllowFiltering="false">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<DataBinding Location="webservices/SupportSvcs.asmx" SelectCountMethod="GetAllUsersGrid"

SelectMethod="GetAllUsersGrid">

</DataBinding>

<ClientEvents OnDataBindingFailed="AllUsers_DataBindingFailed" OnRowDataBound="AllUsers_RowDataBound"

OnDataBound="AllUsers_DataBound" OnDataBinding="AllUsers_DataBinding" />

</ClientSettings>

<SortingSettings EnableSkinSortStyles="False" />

</telerik:RadGrid>

Seems like a Telerik bug to me because none of my Javascript is invoked in the process. Help!

Grid

answered on 03 May 2011

3 answers

73 views

With a RadAjaxLoadingPanel on my page it does a full postback. Works correct without.

Hello,
When my page has a RadAjaxLoadingPanel it does a full postback. When I remove the control everything works fine.
The page is very simple. I tried with a RadAjaxManager, it has the same problem.
Version 2011.1.315.40

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication3.WebForm1" %>

<!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>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1"

HorizontalAlign="NotSet">

<telerik:RadGrid ID="RadGrid1" AllowPaging="True" DataSourceID="SqlDataSource1" runat="server"

CellSpacing="0">

<MasterTableView DataKeyNames="ID" AutoGenerateColumns="true">

</MasterTableView>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:MyConnectionString %>"

ProviderName="<%$ ConnectionStrings:MyConnectionString.ProviderName %>" SelectCommand="SELECT wptam_posts.ID, wptam_posts.post_title, wptam_terms.name, wptam_term_taxonomy.`count`, wptam_posts.post_date, wptam_posts.guid FROM wptam_term_taxonomy INNER JOIN wptam_term_relationships ON wptam_term_taxonomy.term_taxonomy_id = wptam_term_relationships.term_taxonomy_id INNER JOIN wptam_terms ON wptam_term_taxonomy.term_id = wptam_terms.term_id INNER JOIN wptam_posts ON wptam_term_relationships.object_id = wptam_posts.ID WHERE (wptam_term_taxonomy.taxonomy = 'category') AND (wptam_posts.post_type = 'post') ORDER BY wptam_posts.post_date">

</asp:SqlDataSource>

</form>

</body>

</html>

Any hints of what I am doing wrong?
Thank you for your help,
John.

Ajax

answered on 03 May 2011

1 answer

158 views

GridAttachmentColumn column does not work while insert/Update in grid

Hi,

I have a GridAttachmentColumn in my grid which allows user to upload files. Unfortunately, In my Insert and Update routing, I'm ending up with null UploadedFileCollection collection even If user uploads a file. Note that, I don't use allowFileExtension and MaxFileSize properties in my GridAttachmentColumn columns property.

<telerik:RadGrid ID="grdFiles" runat="server" AutoGenerateColumns="False" OnInsertCommand="grdFiles_Insert"

OnUpdateCommand="grdFiles_Update" OnEditCommand="grdFiles_Command" AllowSorting="True"

OnDeleteCommand="grdFiles_Command" OnNeedDataSource="grdFiles_NeedDataSource"

OnCancelCommand="grdFiles_Command" OnItemDataBound="grdFiles_ItemDataBound" PageSize="10"

OnItemCommand="grdFiles_ItemCommand" GridLines="None">

<MasterTableView DataKeyNames="CollectionFileID"

CommandItemDisplay="Top" EditMode="EditForms" >

<CommandItemSettings ShowAddNewRecordButton="true" AddNewRecordImageUrl="~/Images/AddRecord.gif"

AddNewRecordText="Upload New Collection File" >

</CommandItemSettings>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<NoRecordsTemplate>

<div> No files available.</div>

</NoRecordsTemplate>

<Columns>

<telerik:GridBoundColumn DataField="CollectionFileID" DataType="System.Int32"

FilterControlAltText="Filter CollectionFileID column" HeaderText="ID"

ReadOnly="True" SortExpression="CollectionFileID"

UniqueName="CollectionFileID" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="OriginalFileName" FilterControlAltText="Filter OriginalFileName column"

HeaderText="Original Name" UniqueName="OriginalFileName" ReadOnly="true"

SortExpression="OriginalFileName" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="AssignedFileName"

FilterControlAltText="Filter AssignedFileName column" HeaderText="Assigned Name"

SortExpression="AssignedFileName" Visible="false" UniqueName="AssignedFileName" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn DataField="UploadDate"

FilterControlAltText="Filter UploadDate column" HeaderText="Date Uploaded"

SortExpression="UploadDate" UniqueName="UploadDate" ReadOnly="true" DataFormatString="{0:d}">

</telerik:GridDateTimeColumn>

<telerik:GridDateTimeColumn DataField="Modified"

FilterControlAltText="Filter Modified column" HeaderText="Date Modified"

SortExpression="Modified" UniqueName="Modified" ReadOnly="true" DataFormatString="{0:d}">

</telerik:GridDateTimeColumn>

<telerik:GridTemplateColumn DataField="Description"

FilterControlAltText="Filter Description column"

HeaderText="Description/Instruction" SortExpression="Description"

UniqueName="Description">

<EditItemTemplate>

<telerik:RadTextBox ID="DescriptionTextBox" runat="server"

Text='<%# Bind("Description") %>'

Width="300px" Height="150px" TextMode="MultiLine"></telerik:RadTextBox>

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="DescriptionLabel" runat="server"

Text='<%# Eval("Description") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridAttachmentColumn

EditFormHeaderTextFormat="Upload File:" HeaderText="Download"

AttachmentDataField="BinaryData" AttachmentKeyFields="CollectionFileID"

FileNameTextField="OriginalFileName" DataTextField="OriginalFileName" UniqueName="AttachmentColumn">

</telerik:GridAttachmentColumn>

<telerik:GridEditCommandColumn HeaderText="Edit" ButtonType="LinkButton">

<HeaderStyle Width="2%" />

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn Text="Delete" HeaderText="Delete" CommandName="Delete" ButtonType="LinkButton">

<HeaderStyle Width="2%" />

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False"></FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>

</telerik:RadGrid>

Here is a code for insertion:

protected void grdFiles_Insert(object sender, GridCommandEventArgs e)

{

//Insertion Logic

if (e.Item is GridEditableItem && e.Item.IsInEditMode)

{

GridEditableItem item = e.Item as GridEditableItem;

RadTextBox txtDesc = item.FindControl("DescriptionTextBox") as RadTextBox;

RadUpload upload = (item.EditManager.GetColumnEditor("AttachmentColumn") as GridAttachmentColumnEditor).RadUploadControl;

if (upload != null)

{

UploadedFileCollection upFiles = upload.UploadedFiles;

if (upFiles.Count == 0)

{

//throw new Exception("No file uploaded");

string script = string.Format("alert('No file uploaded');");

ScriptManager.RegisterStartupScript(Page, typeof(Page), "myNoFileScript", script, true);

return;

}

if (upload.InvalidFiles.Count > 0)

{

//throw new Exception("Invalid file type or file size is greater than maximum allowed.");

string script = string.Format("alert('Invalid file type or file size is greater than maximum allowed.');");

ScriptManager.RegisterStartupScript(Page, typeof(Page), "myInvalidFileScript", script, true);

return;

}

CollectionFile oFile = new CollectionFile();

if (txtDesc != null)

{

oFile.Description = txtDesc.Text.Trim();

}

DateTime uploadTime = DateTime.Now;

oFile.UploadDate = uploadTime;

upload.OverwriteExistingFiles = true;

foreach (UploadedFile upfile in upFiles)

{

oFile.OriginalFileName = upfile.GetName();

oFile.FileSize = upfile.ContentLength;

oFile.FileExtension = upfile.GetExtension();

string assignedSystemFileName = System.IO.Path.GetFileNameWithoutExtension(upfile.GetName()) + "_" + System.Guid.NewGuid().ToString() + upfile.GetExtension();

oFile.AssignedFileName = assignedSystemFileName;

//Save File to server's file system

upfile.SaveAs(Server.MapPath("~/CollectionUploads/" + assignedSystemFileName), true);

}

oFile.Modified = uploadTime;

CollectionFile.Insert(oFile);

oFile = null;

grdFiles.Rebind();

}

Here is my Update Method:

protected void grdFiles_Update(object sender, GridCommandEventArgs e)

{

if (e.Item is GridEditableItem && e.Item.IsInEditMode)

{

GridEditableItem itm = e.Item as GridEditableItem;

string collFileId = Convert.ToString(itm.GetDataKeyValue("CollectionFileID"));

//Edit Files

RadTextBox txtDesc = itm.FindControl("DescriptionTextBox") as RadTextBox;

RadUpload upload = (itm.EditManager.GetColumnEditor("AttachmentColumn") as GridAttachmentColumnEditor).RadUploadControl;

CollectionFile oFile = CollectionFile.GetEntity(collFileId);

if (oFile != null)

{

DateTime ModifyTime = DateTime.Now;

if (txtDesc != null)

oFile.Description = txtDesc.Text.Trim();

if (upload != null)

{

upload.OverwriteExistingFiles = true;

UploadedFileCollection upFiles = upload.UploadedFiles;

//If new File is uploaded then delete old file

if (upFiles.Count != 0)

{

//New File is selected to upload

if (File.Exists(Server.MapPath("~/CollectionUploads/" + oFile.AssignedFileName)))

{

File.Delete(Server.MapPath("~/CollectionUploads/" + oFile.AssignedFileName));

}

foreach (UploadedFile upfile in upFiles)

{

oFile.OriginalFileName = upfile.GetName();

oFile.FileSize = upfile.ContentLength;

oFile.FileExtension = upfile.GetExtension();

string assignedSystemFileName = System.IO.Path.GetFileNameWithoutExtension(upfile.GetName()) + "_" + System.Guid.NewGuid().ToString() + upfile.GetExtension();

oFile.AssignedFileName = assignedSystemFileName;

//Save File to server's file system

upfile.SaveAs(Server.MapPath("~/CollectionUploads/" + assignedSystemFileName), true);

}

oFile.Modified = ModifyTime;

CollectionFile.Update(oFile);

oFile = null;

grdFiles.Rebind();

}

what am I doing wrong here ?

Just To Update you that my Grid is in RadAjaxPanel which in turn, uses loading panel. Anytime when I set EnableAJAX="false" for RadAjaxPanel then Upload control works well, but It stop working as soon as I set EnableAJAX="true".

Thanks

Tejas

Grid

answered on 03 May 2011

1 answer

49 views

Feature Request (ParentIDs)

Lets say I have 3 items

ID1
ID2
ID3

ID1 & 2 have a ParentID of NULL

ID3 has a ParentID of 6

Now since there is no "ID6" in the resultset, ID3 doesn't even show-up, even though it's a valid item.

Can you please give me a property in which I can tell the TreeList "that's okay...show it anyway"?

TreeList

answered on 03 May 2011

9 answers

229 views

MultiColumn Menu in a Single MenuItem

Hi,

I am in need of creating a Menu Using RADMenu control.
Here is the issue which made me stuck.

I am retrieving the menuitems from a XML and binding it to the RADMenu. It works fine.
But I am in need of having a multicolumn menuitem.
The Multi column menuitem should not repeat for all menuitem. It should be available in only one menuitem.

I found a MultiColumn demo in http://demos.telerik.com/aspnet-ajax/menu/examples/multicolumnmenu/defaultcs.aspx
But that demo is applying the settings for all the menuitems in the menu. How can I restrict to a single menuitem using XML.

Kindly let me know how this can be achieved. Refer attachment for more details,

Menu

answered on 03 May 2011

2 answers

131 views

Unable to View HTML for Rad Grid

Hi,

we are not able to view html source for rad grid .
Please can you help us with this.

This is the aspx code for rad Grid:

        <telerik:RadGrid ID="dgSearchResults" runat="server" AllowPaging="True" AllowSorting="True"
            AutoGenerateColumns="False" Skin="Office2007" OnSortCommand="dgSearchResults_SortCommand"
            GridLines="None">
            <HeaderStyle Height="30px" HorizontalAlign="Center" Font-Size="10px" Font-Bold="True">
            </HeaderStyle>
            <HeaderContextMenu Skin="Office2007">
                <CollapseAnimation Duration="200" Type="OutQuint" />
            </HeaderContextMenu>
            <AlternatingItemStyle HorizontalAlign="Center" Font-Size="10px" />
            <ItemStyle CssClass="gridRow" HorizontalAlign="Center" Font-Size="10px"></ItemStyle>
            <PagerStyle Mode="NextPrevAndNumeric" />
            <MasterTableView Visible="true">
                <SortExpressions>
                    <telerik:GridSortExpression FieldName="Name" SortOrder="None" />
                    <telerik:GridSortExpression FieldName="DocID" SortOrder="None" />
                </SortExpressions>
                <Columns>
                    <telerik:GridBoundColumn DataField="DocID" ItemStyle-CssClass="gridRow" UniqueName="DocID"
                        HeaderText="Creation<BR>Order" HeaderStyle-HorizontalAlign="Left">
                        <ItemStyle />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Name" ItemStyle-CssClass="gridRow" HeaderText="Label Name"
                        UniqueName="Name">
                        <ItemStyle />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Product" ItemStyle-CssClass="gridRow" HeaderText="Product"
                        UniqueName="Product" AllowSorting="False">
                        <ItemStyle />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Country" ItemStyle-CssClass="gridRow" UniqueName="Country"
                        Visible="False" AllowSorting="False">
                        <ItemStyle ForeColor="Blue" />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="SubmissionType" ItemStyle-CssClass="gridRow"
                        HeaderText="Submission Type" UniqueName="SubmissionType" AllowSorting="False">
                        <ItemStyle />
                    </telerik:GridBoundColumn>
                    <telerik:GridTemplateColumn HeaderText="View" UniqueName="TemplateColumn1">
                        <ItemStyle CssClass="gridRow" HorizontalAlign="Center" ForeColor="Blue" />
                        <ItemTemplate>
                            <%# CreateViewURL(DataBinder.Eval(Container.DataItem, "id", "{0}"))%>
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn HeaderText="Open" UniqueName="TemplateColumn2">
                        <ItemStyle CssClass="gridRow" HorizontalAlign="Center" ForeColor="Blue" />
                        <ItemTemplate>
                            <%# CreateURL(DataBinder.Eval(Container.DataItem, "id", "{0}"))%>
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn HeaderText="Retire/Activate" UniqueName="TemplateColumn">
                        <ItemStyle CssClass="gridRow" HorizontalAlign="Center" />
                        <ItemTemplate>
                            <asp:Button ID="Button1" runat="server" BackColor="Transparent" BorderColor="Transparent"
                                BorderStyle="None" CommandName="RetireorReactivateLabel" Font-Underline="True"
                                ForeColor="Blue" Text="Retire" />
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                    <%--<telerik:GridButtonColumn HeaderText="View" ShowSortIcon="False" Text="View" UniqueName="column4">
                        <ItemStyle CssClass="gridRow" ForeColor="Blue" />
                    </telerik:GridButtonColumn>
                    <telerik:GridButtonColumn HeaderText="Open" ShowSortIcon="False" Text="Open" UniqueName="column5">
                        <ItemStyle CssClass="gridRow" ForeColor="Blue" />
                    </telerik:GridButtonColumn>
                    <telerik:GridButtonColumn HeaderText="Retire/Activate" ShowSortIcon="False" Text="Retire"
                        UniqueName="column6">
                        <ItemStyle CssClass="gridRow" ForeColor="Blue" />
                    </telerik:GridButtonColumn>--%>
                </Columns>
            </MasterTableView>
            <FilterMenu Skin="Office2007">
                <CollapseAnimation Duration="200" Type="OutQuint" />
            </FilterMenu>
        </telerik:RadGrid>
    </ContentTemplate>
</asp:UpdatePanel>
<ajaxToolkit:UpdatePanelAnimationExtender ID="updatePanel1_UpdatePanelAnimationExtender"
    runat="server" Enabled="True" TargetControlID="updatePanel1">
</ajaxToolkit:UpdatePanelAnimationExtender>

But when we are doing a view page source on rendered page, we are getting this:

<div id="dgSearchResults" class="RadGrid RadGrid_Office2007">

       <input id="dgSearchResults_ClientState" name="dgSearchResults_ClientState" type="hidden" />
           </div>

But when we do a view page source on the telerik site Grid views, we are able to view the complete html of the grid.

so how can we view the html source.

Thanks in advance.

Grid

answered on 03 May 2011

6 answers

136 views

Radgrid height on high Resolution- Challenge for all

Hi All,

First of all thanks to telerik team for their awesome controls.

After searching a lot on Telerik website I am writing my problem here, though there is some suggestion in some threads of the forum but truly speaking none of the solution is satisfying my requirement.

Here is what I want to achieve -> My project is displaying RadGrid height correctly and it is filling the page correctly on a screen resolution of (1024 X 768), but problem arise when screen resolution change to some higher value (e.g. 1440 X 900). On high resolution grid looks like hanging in the middle of the browser. Please note that RadGrid scroll height is hard coded in each .aspx page depending on the space available for Radgrid( Means there are also some controls above the Grid like Menu's, tabs, export to excel button etc, which are screen specific,though Menu's are contained in Master page)

Radgrid is using Virtual scrolling, Filtering, static headers, RadToolbar etc.

To make my point clear I made a sample project which demonstrate my page and project structure and here is the link to sample project -

http://www.woofiles.com/dl-242315-4N3ibXA3-GridHeightDemo.zip

I also attached the screen shot of screen on resolution (1024 X 768) which is working fine and on resolution (1440 X 900) in which grid is hanging out in the middle of browser.

It would be nice if anyone can modify the attached sample project so that it will display consistent on all resolution. I beleive if we can solve this issue it will benefit many others guys also.

Here is detail of environment I am using -

RadControls Version - RadControls for ASP.NET AJAX Q1 2010 ( File Version and product Version - 2010.1.309.20)
ASP.NET version - (ASP.Net 3.5)
Browser - Internet explorer 8 (Version - 8.0.6001.18904)
programming language - C#

Thanks,
Dheeraj

Grid

answered on 03 May 2011