Questions on UI for ASP.NET AJAX Forum

1 answer

107 views

I'm using the latest asp radcontrols and trying to open a menu item up by default when the page displays. I'm using the following js sample code from this site:

function openMenu() {

var menu = $find("<%= MainMenu.ClientID %>");

var item = menu.findItemByText("Invoices");

item.open();

}

but VS2008 stops at item.open() and says the method doesn't exist. I can inspect item, see that it's not null, it has a value and see a method list which includes stuff like focus, expand, show, etc but it's right, there's no open method in the list.

Any idea what's wrong? I found a few different samples on the site but they all call item.open.

Menu

answered on 09 Feb 2009

6 answers

225 views

Performance Issue with RadGrid

If someone could help me understand a performance issue I'm having with the RadGrid I would be very grateful

I'm displaying a list of Orders, each one has a DetailView of the Lines in that Order. There are around 2000 orders. The Order Lines in the DetailView are loaded on demand, and I've double-checked the datasource is not getting hit, so I'm guessing that has nothing to do with the performance.

I've traced the page, and the PreRender Event takes around 5 seconds. The database query takes about 0.5, my conversion from a Business Object to a Dataset takes 0.4 seconds, but I'm at a loss as to what that other 4 seconds is for.

Could someone give me a pointer please?

    
                    <!-- ***    Main Grid DataSources   *** --> 
        
                    <asp:ObjectDataSource ID="odsCustomers" runat="server" SelectMethod="GetList" TypeName="MyProject.BLL.ListValuesDataSource" > 
        
                        <SelectParameters> 
        
                            <asp:Parameter DefaultValue="Customers" Name="ListName" Type="String" /> 
        
                        </SelectParameters> 
        
                    </asp:ObjectDataSource>    
        
                    <asp:ObjectDataSource ID="odsSalesOrderHeaders" runat="server" OldValuesParameterFormatString="original_{0}" 
        
                        SelectMethod="GetSalesOrderHeadersByCustomerIDCompletedDataSet" TypeName="MyProject.BLL.SalesOrderHeadersDataSource">   
        
                        <SelectParameters> 
        
                            <asp:Parameter Name="CustomerID" DefaultValue="0" /> 
        
                            <asp:Parameter Name="Status" DefaultValue="CURRENT" /> 
        
                        </SelectParameters> 
        
                    </asp:ObjectDataSource>  
        
                    <asp:ObjectDataSource ID="odsSalesOrderLines" runat="server" SelectMethod="GetSalesOrderLinesByOrderHeaderIDDataSet" TypeName="MyProject.BLL.SalesOrderLinesDataSource">           
        
                        <SelectParameters> 
        
                            <asp:SessionParameter Name="OrderHeaderID" SessionField="SelectedRecordKey" Type="Int32" />             
        
                        </SelectParameters>         
        
                    </asp:ObjectDataSource> 
        
                <!-- ***************************************************************************** 
        
                     * Order Headers Grid                                                        * 
        
                     ***************************************************************************** -->                                            
        
                    <div class="gridWrapper"> 
        
                        <telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="odsSalesOrderHeaders" AutoGenerateColumns="False" OnLoad="RadGridFormatColumns"> 
        
                            <HeaderContextMenu EnableTheming="True"> 
        
                                <CollapseAnimation Duration="200" Type="OutQuint" /> 
        
                            </HeaderContextMenu> 
        
                            <MasterTableView ClientDataKeyNames="OrderID" DataSourceID="odsSalesOrderHeaders" DataKeyNames="OrderID" AllowFilteringByColumn="True"> 
        
                                <DetailTables>                                                      
        
                                    <telerik:GridTableView DataSourceID="odsSalesOrderLines" ClientDataKeyNames="OrderHeaderID" DataKeyNames="OrderHeaderID" Width="100%" > 
        
                                        <ParentTableRelation> 
        
                                            <telerik:GridRelationFields DetailKeyField="OrderHeaderID" MasterKeyField="OrderID" /> 
        
                                        </ParentTableRelation>                         
        
                                        <Columns> 
        
                                            <telerik:GridBoundColumn DataField="OrderLineID" Visible="false" /> 
        
                                            <telerik:GridBoundColumn DataField="FK_ProductName" HeaderText="Product" /> 
        
                                            <telerik:GridBoundColumn DataField="FK_PriceCode" HeaderText="Price Code" /> 
        
                                            <telerik:GridBoundColumn DataField="FK_PriceDescription" HeaderText="Price Desc." />                             
        
                                            <telerik:GridBoundColumn DataField="Quantity" HeaderText="Quantity" /> 
        
                                            <telerik:GridBoundColumn DataField="SalePrice" HeaderText="SalePrice" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right" /> 
        
                                            <telerik:GridBoundColumn DataField="SaleValue" HeaderText="SaleValue" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right" /> 
        
                                        </Columns>                         
        
                                    </telerik:GridTableView>                     
        
                                </DetailTables> 
        
                                <Columns>                                         
        
                                    <telerik:GridBoundColumn DataField="CustomerID" Visible="false" />                     
        
                                    <telerik:GridHyperLinkColumn DataTextField="OrderID" HeaderText="Ref" DataNavigateUrlFields="OrderID" DataNavigateUrlFormatString="SalesOrderDetails.aspx?order={0}" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" FilterControlWidth="100%" />                                           
        
                                    <telerik:GridBoundColumn DataField="FK_CustomerName" HeaderText="Customer" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" FilterControlWidth="100%" />                                                                                                                         
        
                                    <telerik:GridBoundColumn DataField="Department"  HeaderText="Dept." Visible="false" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" FilterControlWidth="100%" />                            
        
                                    <telerik:GridBoundColumn DataField="AssociateSurname"  HeaderText="Patient" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" FilterControlWidth="100%" />                            
        
                                    <telerik:GridBoundColumn DataField="Required" HeaderText="Required" Visible="false" DataType="System.DateTime" />                                 
        
                                    <telerik:GridBoundColumn DataField="FK_OrderStatus" HeaderText="Status" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" FilterControlWidth="100%" />                                                                                                                                                 
        
                                </Columns>                  
        
                                <RowIndicatorColumn Visible="True"> 
        
                                    <HeaderStyle Width="20px" /> 
        
                                </RowIndicatorColumn> 
        
                                <ExpandCollapseColumn> 
        
                                    <HeaderStyle Width="20px" /> 
        
                                </ExpandCollapseColumn> 
        
                            </MasterTableView> 
        
                            <FilterMenu EnableTheming="True"> 
        
                                <CollapseAnimation Duration="200" Type="OutQuint" /> 
        
                            </FilterMenu> 
        
                            <ClientSettings AllowDragToGroup="True" AllowColumnsReorder="True" ReorderColumnsOnClient="True" EnableRowHoverStyle="True">                             
        
                                <Resizing AllowColumnResize="True" /> 
        
                                <Selecting AllowRowSelect="true" /> 
        
                                <ClientEvents OnRowDblClick="RadGrid1_RowDblClick" />  
        
                            </ClientSettings>                       
        
                        </telerik:RadGrid>

Grid

answered on 09 Feb 2009

6 answers

176 views

[Solved] Grid Column Display Issues

Ok, I am still trying to evaluate your product. I am binding to a business object list. I don't want automatic generation of columns at runtime because I want the headers named something more reader friendly.

I turn off the checkbox which will auto-generate the columns.
I then add the three columns to the collection

I see the columns that I generate in the collection editor while looking at design view, but when I run the app I don't see one of the columns I created. I look at the "Source View" and the column that I can't see when the app runs is not in the source code...but I can still see it in "Design View".

Why is the changes not tranferring into "Source"? Once I made the changes manually in source, I was able to see the column in runtime.

This also happens with all other settings. For example "HeaderStyle-Width", "HeaderStyle-Font-Size" etc... Everytime I make a change in the designer it does not transfer into "Source". I always have to go into "Source" and change it manually.
Michael

Grid

answered on 09 Feb 2009

3 answers

93 views

[Solved] sharing calendar popup between DatePicker and DateTimePicker

Hello.

1) my generated html is a quite different then your sample code. My html contains many such stylesheet markup for every calendar in a page:

    
            <!-- 2008.3.1125.35 --><input style="visibility:hidden;display:block;float:right;margin:0 0 -1px;width:1px;height:1px;overflow:hidden;border:0;padding:0;" id="RadDatePicker1" name="RadDatePicker1" type="text" class="rdfd_" value="" /><style type='text/css'>/*Telerik RadCalendar Default skin*/  
        
            table.RadCalendar_Default  
        
            {  
        
                border-collapse:separate;  
        
                border:0;  
        
                background:#fff;  
        
                font:11px arial,tahoma,sans-serif;  
        
                width:220px;  
        
            }  
        
            /*titlebar*/  
        
            .RadCalendar_Default .rcTitlebar  
        
            {  
        
                width:100%;  
        
                border:1px solid;  
        
                border-color:#101010 #090909 #171717;  
        
                padding:0;  
        
                background:#444 url('/cb_development/WebResource.axd?d=GY5_dY0OqN5Ye8MygpNIEtK9CJJ24Z0xzFKd0JRJCBrVyX7paXxYTcN1q0R1aGLeMm84v2mP1nvsTE4QOEmezOdIyduwgvpXQFsOkbw_gJM1&t=633631346260000000') 0 -500px repeat-x;  
        
                color:#fff;  
        
            }

I cannot see no such code in your html. How is it possible? I am using Version 2008.3 1125.

I have simply dragged calendar picker from toolbox. My page looks like that:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="x_test.aspx.cs" Inherits="CB.x_test"  %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head runat="server">  
        
                <title>Untitled Page</title> 
        
            <script type="text/javascript">  
        
            </script> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                    <asp:ScriptManager ID="ScriptManager1" runat="server">  
        
                    </asp:ScriptManager> 
        
                    <telerik:RadDatePicker ID="RadDatePicker1" runat="server">  
        
            <Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x"></Calendar> 
        
            <DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton> 
        
                    </telerik:RadDatePicker> 
        
                </form> 
        
            </body> 
        
            </html>

2) I am trying to share calendar popup between datePicker and dateTimePicker. But I am receiving an client side errors.

Is it possible?

Thank you.

Calendar

answered on 09 Feb 2009

0 answers

77 views

latest version of telerik for .net framework 3.0

Hello,

We are using .Net Framework 3.0. Could you please let us know which version of telerik control should we use for .Net Framework 3.0 and from where we can download the telerik version for Framework 3.0.

Many Thanks,

Regards,

Sai prashad

General Discussions

asked on 09 Feb 2009

2 answers

106 views

"Customizing the Rad scheduler"

Hi,

I want to customize "more option" window in RadScheduler. What i would like to do is just i want to add color picker along with description, From date,To date and so on.. So i need a way of doing that color picker.

Thanks

Mahesh

Scheduler

answered on 09 Feb 2009

3 answers

155 views

changing the mouseover image for button inside nestedviewtemplate

I am trying to change the image for an imagebutton on mouseover.

i followed this posting:
http://www.telerik.com/community/forums/aspnet-ajax/grid/reference-control-in-nestedviewtemplate.aspx

I was able to add the attributes in the ItemDataBound event with the code below:

protected

void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)

{

foreach (GridNestedViewItem item1 in RadGrid1.MasterTableView.GetItems(Telerik.Web.UI.GridItemType.NestedView))

{

ImageButton imgbtn = (ImageButton)item1.FindControl("ImageButton1");

imgbtn.Attributes.Add(

"onmouseover", "src='App_Themes/MLightning/Layout/Key_Select2.bmp'");

imgbtn.Attributes.Add(

"onmouseout", "src='App_Themes/MLightning/Layout/Key_Select1.bmp'");}

}
}

The image changes on mouseover and mouseout respectively.
However the screen tends to jump when i mouseover the button or mouseout.
I don't want the user to see the screen flicker ... please guide.

Grid

answered on 09 Feb 2009

2 answers

202 views

[Solved] LoadingPanel not displaying for RadGrid

Hi There,

My RadAjaxLoadingPanel doesn't seem to be displaying when the radgrid loads up for the first time a page is visited. I have tried

    
            <
telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            
            <
AjaxSettings>
            
            <telerik:AjaxSetting AjaxControlID="PlanRadGrid">  
        
            <UpdatedControls> 
        
            <telerik:AjaxUpdatedControl ControlID="PlanRadGrid" LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
            </UpdatedControls> 
        
            </telerik:AjaxSetting>
</
AjaxSettings>
 
            </
telerik:RadAjaxManager>

as well as encapsulting my radgrid within an ajax-enabled panel (see below)

    
            <telerik:RadAjaxPanel runat="Server" EnableAJAX="True" LoadingPanelID="RadAjaxLoadingPanel1">   
        
                    <table id="Table1" runat="server" style="width:2000px; text-align:left">  
        
                        <tr> 
        
                            <td>                
        
                                <telerik:radgrid        id="PlanRadGrid"   
        
                                                        AllowFilteringByColumn="True"   
        
                                                        AllowSorting="True"   
        
                                                        AutoGenerateColumns="False"   
        
            etc etc

as well as following the example http://www.telerik.com/help/aspnet-ajax/ajxshowloadingpaneloninitialpageload.html (which is not what I want and it doesn't quite work because the loading panel is displayed AFTER my grid displays!)

Applying the filter/sorting etc correctly displays the loading panel when the grid is rebuilt however I don't know why it isn't being displayed when the grid is built when a user first visits the page.

Thanks for your help,
Danielle

Grid

answered on 09 Feb 2009

0 answers

176 views

Sheduler tooltip

Hi,

I think there is something missing in this example : http://demos.telerik.com/aspnet-ajax/scheduler/examples/radtooltip/defaultcs.aspx

RadTooltipManager has the following event set: OnAjaxUpdate="RadToolTipManager1_AjaxUpdate"

I can't find this event anywhere on this link, so I think it is missing.

Anyway, I have tried to accomplish changing the default radScheduler tooltip in my application (this tutorial shows how) and failed.

Any suggestions?

Thanx in advance,
LP, Luka

Scheduler

asked on 07 Feb 2009

4 answers

225 views

PanelBar item indent

Hi..
i am using RadPanel Items bar with ImageUrl.
i don't want all items with same style. means first item comes as header like style. but i don't want that style.

and
i want to give indent accoring to level..
i tried to give CSS like

.RadPanelBar_Office2007 .rpRootGroup, .RadPanelBar_Office2007 .rpRootGroup .rpLink
{
   border: none !important;
}
.RadPanelbar_Office2007 .rpLevel1 .rpImage
{
   padding-left: 5px;
}

.RadPanelbar_Office2007 .rpLevel2 .rpImage
{
   padding-left: 13px;
}
.RadPanelbar_Office2007 .rpLevel3 .rpImage
{
   padding-left: 21px;
}
.RadPanelbar_Office2007 .rpLevel4 .rpImage
{
   padding-left: 29px;
}

but it does not work...

PanelBar

answered on 07 Feb 2009