Questions on UI for ASP.NET AJAX Forum

1 answer

124 views

Posted on Dec 28, 2009 (permalink)

Hi there,

1) Iam using a Radgrid which consists of '5' image columns on page load it is getting loaded fine but when I perform any Filter option which is provided with grid it is not loading for getting for image columns unless you perform any operation remaining columns load quickly same with page index also is not getting loaded.I want to get to be loaded when i perform any operation.

2) And Iam facing another problem with grouping it is grouping properly when i drag some times it is grouped but some times not in this also image columns are not getting loaded when iam ungrouping it is throwing an exception.

3) I want Tooltip for Radgrid for all columns It should display according to database.

    
            Here's my code  
        
            ------------------------------------------------------------------------------------------  
        
            <%@ Control Language="C#" AutoEventWireup="true" CodeFile="uclTaskGrid.ascx.cs" Inherits="uclTaskGrid"  %> 
        
              <%@ Register assembly="msgBox" namespace="BunnyBear" tagprefix="cc2" %> 
        
              <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> 
        
              <script language="javascript" type="text/javascript">   
        
              function FireMyIASGroupPrint(myURL){  
        
               if(myURL)  
        
                 {  
        
                window.open("RejectTaskStatus.aspx?taskID=" + myURL ,'_blank','left = 300, top=150, width=600, height=200,menubar=no , scrollbars=no, resizable=no');  
        
                 }  
        
            }  
        
                </script> 
        
            <asp:Timer ID="Timer1" runat="server" ontick="Timer1_Tick" Interval="12000">  
        
            </asp:Timer> 
        
            <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">  
        
            <tr> 
        
                    <td valign="top" height="6"></td> 
        
                    </tr> 
        
            <tr> 
        
                    <td height="30" align="left">&nbsp;&nbsp;&nbsp;<b>Project name</b>&nbsp;<asp:DropDownList ID="ddlProjects" CssClass="text" runat="server" AutoPostBack="True"   
        
                    onselectedindexchanged="ddlProjects_SelectedIndexChanged">  
        
                </asp:DropDownList> 
        
                    </td> 
        
                <td align="right">  
        
                <table width="160" border="0" cellspacing="0" cellpadding="0">  
        
                      <tr> 
        
                        <td> 
        
                            <asp:UpdatePanel ID="UpdatePanel2" runat="server">  
        
                                <ContentTemplate> 
        
                                    <asp:Label ID="lblRecCount" CssClass="LabelText" runat="server"   
        
                Text="Total Record(s): 14"></asp:Label> 
        
                                </ContentTemplate> 
        
                            </asp:UpdatePanel> 
        
                        &nbsp;&nbsp;&nbsp;</td> 
        
                      </tr> 
        
            </table> 
        
            </td> 
        
            </tr> 
        
              <tr> 
        
                    <td valign="top" colspan="2" height="5">  
        
                        &nbsp;</td></tr>    
        
            <tr> 
        
                    <td valign="top" align="center" colspan="2">  
        
                <table cellpadding="0" cellspacing="0" border="0" width="98%">  
        
                <tr> 
        
                <td align="left" valign="top">      
        
                                <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
        
                                 <Triggers>    
        
                                    <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />    
        
                                </Triggers>   
        
                                    <ContentTemplate> 
        
                                        <telerik:RadGrid ID="gviewTasks" runat="server" AllowFilteringByColumn="True"   
        
                    AllowPaging="True" AllowScroll="True" EnableVirtualScrollPaging="True"   
        
                                            PageSize="10" AllowSorting="True" GridLines="None" ShowGroupPanel="True"   
        
                        style="top: 300px; left: 10px;"   
        
                    AutoGenerateColumns="False" Skin="Vista" onitemcommand="gviewTasks_ItemCommand"   
        
                                            onitemdatabound="gviewTasks_ItemDataBound" AutoGenerateHierarchy="True" AllowCustomPaging="True"   
        
                     > 
        
            <MasterTableView> 
        
            <columns> 
        
                      <telerik:GridBoundColumn DataField="TaskID" HeaderText="ID" />             
        
            <telerik:GridBoundColumn DataField="Resource Name" HeaderText="Resource Name"   
        
                          HeaderStyle-Width="80px"  > 
        
                <HeaderStyle Width="80px" /> 
        
                      </telerik:GridBoundColumn> 
        
             <telerik:GridTemplateColumn HeaderText="Task Name" AllowFiltering="false" Groupable="false" HeaderStyle-Width="50px" > 
        
                                   <ItemTemplate> 
        
                                   <asp:LinkButton ID="lnkTask" runat="server" CommandName="select"></asp:LinkButton> 
        
                                   </ItemTemplate> 
        
                                   <HeaderStyle Width="50px" /> 
        
                                   </telerik:GridTemplateColumn> 
        
            <telerik:GridBoundColumn DataField="Task Name" HeaderText="TaskName"  /> 
        
            <telerik:GridBoundColumn DataField="Description" HeaderText="TaskDescription"   
        
                          HeaderStyle-Width="80px"  > 
        
                <HeaderStyle Width="80px" /> 
        
                      </telerik:GridBoundColumn> 
        
            <telerik:GridTemplateColumn HeaderText="Phase" HeaderStyle-Width="50px" AllowFiltering="false" Groupable="false"  >   
        
                        <ItemTemplate> 
        
                            <asp:Label ID="lblphase" runat="server"  Text='<%#DataBinder.Eval(Container.DataItem,"Phase") %>'></asp:Label> &nbsp;  
        
                           </ItemTemplate> 
        
                           <HeaderStyle Width="50px" /> 
        
                           </telerik:GridTemplateColumn> 
        
            <telerik:GridBoundColumn DataField="Project Name" HeaderText="Project"   
        
                          HeaderStyle-Width="50px" AllowFiltering="false" > 
        
                <HeaderStyle Width="50px" /> 
        
                      </telerik:GridBoundColumn> 
        
            <telerik:GridBoundColumn DataField="AssignedBy" HeaderText="Assigned By"   
        
                          HeaderStyle-Width="75px"  > 
        
                <HeaderStyle Width="75px" /> 
        
                      </telerik:GridBoundColumn> 
        
            <telerik:GridBoundColumn DataField="Estimated Hours" HeaderText="ETA [Hrs]"   
        
                          HeaderStyle-Width="50px"  > 
        
                <HeaderStyle Width="50px" /> 
        
                      </telerik:GridBoundColumn> 
        
            <telerik:GridBoundColumn DataField="Date" HeaderText="Date" HeaderStyle-Width="75px"  > 
        
                <HeaderStyle Width="75px" /> 
        
                      </telerik:GridBoundColumn> 
        
            <telerik:GridBoundColumn DataField="Status" HeaderText="Status" HeaderStyle-Width="75px" > 
        
                <HeaderStyle Width="75px" /> 
        
                      </telerik:GridBoundColumn> 
        
            <telerik:GridBoundColumn DataField="Approve Status" HeaderText="Approval Status"   
        
                          HeaderStyle-Width="75px"  > 
        
                <HeaderStyle Width="75px" /> 
        
                      </telerik:GridBoundColumn> 
        
            <telerik:GridTemplateColumn HeaderText="Approve" AllowFiltering="false" Groupable="false" HeaderStyle-Width="40px" > 
        
                                   <ItemTemplate> 
        
                                   <asp:ImageButton ID="imgbtnactivate" runat="server" ImageUrl="~/images/activate.gif" CommandName="Approve" OnClientClick="return confirm('Are you sure you want to approve this task?');"></asp:ImageButton> 
        
                                   </ItemTemplate> 
        
                                   <HeaderStyle Width="40px" /> 
        
                                   </telerik:GridTemplateColumn> 
        
                                   <telerik:GridTemplateColumn HeaderText="Reject" AllowFiltering="false" Groupable="false" HeaderStyle-Width="30px" > 
        
                                   <ItemTemplate> 
        
                                   <asp:ImageButton ID="imgbtndeactivate" runat="server" ImageUrl="~/images/de-activate.gif" CommandName="Reject" OnClientClick="return confirm('Are you sure you want to reject this task?');"></asp:ImageButton> 
        
                                   </ItemTemplate> 
        
                                        <HeaderStyle Width="30px" /> 
        
                                        </telerik:GridTemplateColumn> 
        
                                   <telerik:GridTemplateColumn HeaderText="Forward" AllowFiltering="false" Groupable="false" HeaderStyle-Width="40px">  
        
                                   <ItemTemplate> 
        
                                   <asp:ImageButton ID="imgforward" runat="server" ImageUrl="~/images/forward.gif" CommandName="Select1"></asp:ImageButton> 
        
                                   </ItemTemplate> 
        
                                       <HeaderStyle Width="40px" /> 
        
                                   </telerik:GridTemplateColumn>    
        
                                    <telerik:GridBoundColumn DataField="ResourceID"/>                                    
        
                                   <telerik:GridTemplateColumn HeaderText="Delete" AllowFiltering="false" Groupable="false" HeaderStyle-Width="30px">  
        
                                   <ItemTemplate> 
        
                                   <asp:ImageButton ID="imgdelete" runat="server"    ImageUrl="~/images/delete-icon.gif" CommandName="deleteTask" OnClientClick="return confirm('Are you sure you want to delete the task?');"></asp:ImageButton> 
        
                                   </ItemTemplate> 
        
                                       <HeaderStyle Width="30px" /> 
        
                                   </telerik:GridTemplateColumn> 
        
            </columns> 
        
            </MasterTableView> 
        
            <ClientSettings EnableRowHoverStyle="true">  
        
                            <Selecting AllowRowSelect="true" /> 
        
                            <Scrolling EnableVirtualScrollPaging="True" UseStaticHeaders="True" /> 
        
                            <Resizing AllowColumnResize="True" /> 
        
                        </ClientSettings> 
        
                    <ClientSettings AllowDragToGroup="True" AllowExpandCollapse="true">  
        
                        <Scrolling EnableVirtualScrollPaging="True" UseStaticHeaders="True" /> 
        
                        <Resizing AllowColumnResize="True" /> 
        
                    </ClientSettings> 
        
                                            <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="Blue" /> 
        
                                            <PagerStyle Height="30px" HorizontalAlign="Center" Font-Bold="True"   
        
                                                Font-Names="Arial" Font-Size="Smaller" /> 
        
                                            <HeaderStyle BorderStyle="None"  Font-Bold="True"   
        
                    Height="30px" /> 
        
                                        </telerik:RadGrid> 
        
                                    </ContentTemplate> 
        
                                </asp:UpdatePanel></td></tr> 
        
                                </table> 
        
            </td> 
        
            </tr></table>  
        
            -------------------------------------------------------------------------------------  
        
            here's the code for tooltip  
        
            -------------------------------------  
        
             protected void gviewTasks_ItemDataBound(object sender, GridItemEventArgs e)  
        
                {  
        
                    int index;  
        
                    try  
        
                    {  
        
                        if (e.Item.ItemType == GridItemType.CommandItem )  
        
                        {  
        
                            index = e.Item.RowIndex + (gviewTasks.PageSize * gviewTasks.PageSize);  
        
                            for (int i = 0; i < e.Item.Cells.Count; i++)  
        
                            {  
        
                                if (dtTemp.Rows.Count > 0)  
        
                                {  
        
                                    e.Item.Cells[0].ToolTip = dtTemp.Rows[index]["Resource Name_Org"].ToString();  
        
                                    e.Item.Cells[2].ToolTip = dtTemp.Rows[index]["Task Name_Org"].ToString();  
        
                                    e.Item.Cells[3].ToolTip = dtTemp.Rows[index]["Task Name_Org"].ToString();  
        
                                    e.Item.Cells[4].ToolTip = dtTemp.Rows[index]["Description_Org"].ToString();  
        
                                    e.Item.Cells[5].ToolTip = dtTemp.Rows[index]["Phase_Org"].ToString();  
        
                                    e.Item.Cells[6].ToolTip = dtTemp.Rows[index]["Project Name_Org"].ToString();  
        
                                    e.Item.Cells[7].ToolTip = dtTemp.Rows[index]["AssignedBy_org"].ToString();  
        
                                    e.Item.Cells[8].ToolTip = dtTemp.Rows[index]["Estimated Hours_org"].ToString();  
        
                                    e.Item.Cells[9].ToolTip = dtTemp.Rows[index]["Date_Org"].ToString();  
        
                                    e.Item.Cells[10].ToolTip = dtTemp.Rows[index]["Status_Org"].ToString();  
        
                                    e.Item.Cells[11].ToolTip = dtTemp.Rows[index]["Approve Status_Org"].ToString();  
        
                                }  
        
                            }  
        
                        }  
        
                    }  
        
                    catch (Exception ex)  
        
                    {  
        
                    }  
        
                }

Grid

answered on 08 Jan 2010

1 answer

78 views

Delete Row

I have code as below :

<telerik:RadGrid ID="RadGrid1" AllowFilteringByColumn="false" runat="server" GridLines="None"

AllowPaging="true" AllowSorting="true" Width="100%" AutoGenerateColumns="false"

EnableEmbeddedSkins="false">

</Scrolling>

</ClientSettings>

<telerik:GridBoundColumn SortExpression="Contact_Type" DataField="Contact_Type" HeaderText="Contact Type"

UniqueName="Contact_Type" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="Contact_Name" DataField="Contact_Name" HeaderText="Contact Name"

UniqueName="Contact_Name" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="Telephone" DataField="Telephone" HeaderText="Telephone"

UniqueName="Telephone" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left">

</telerik:GridBoundColumn>

<telerik:GridHyperLinkColumn ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left"

DataNavigateUrlFormatString="mailto:{0}" DataNavigateUrlFields="Email" SortExpression="Email"

DataTextField="Email" HeaderText="Contact Email" ItemStyle-ForeColor="Blue">

</telerik:GridHyperLinkColumn>

<telerik:GridBoundColumn SortExpression="Email" DataField="Email" HeaderText="Contact Email"

UniqueName="MainEmail" Display="false" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="ContactId" DataField="ContactId" HeaderText="ContactId"

UniqueName="ContactId" Display="false" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="ContactTypeId" DataField="ContactTypeId"

HeaderText="ContactTypeId" UniqueName="ContactTypeId" Display="false" ItemStyle-HorizontalAlign="Left"

HeaderStyle-HorizontalAlign="Left">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="Customer_Code" DataField="Customer_Code"

HeaderText="Customer_Code" Visible="false" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="Customer_Contact_Id" DataField="Customer_Contact_Id"

UniqueName="Customer_Contact_Id" HeaderText="Customer_Contact_Id" Display="false"

ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left">

</telerik:GridBoundColumn>

<telerik:GridClientDeleteColumn ConfirmDialogType="RadWindow" ConfirmText="Are you sure you want to delete this row?"

HeaderStyle-Width="35px" ButtonType="ImageButton" ImageUrl="../Images/Delete.gif"

CommandName="Delete" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

But previosly OnRowDeleted="RowDeleted" OnRowDeleting="RowDeleting" clinet events are getting fired but now

in latest version of DDL its not working and i want delete button to diplay for each and every row.

Grid

answered on 08 Jan 2010

6 answers

1.6K+ views

Sys.WebForms.PageRequestManagerParserErrorException

Hi,

I have a couple of asp dropdowns, button named “View Results” and a RadGrid inside an Update Panel. Upon button click I fire a sql query and display the corresponding data in the RadGrid.

My problem is sometimes when I click “View Results” button I get a dialog box with error message “Sys.WebForms.PageRequestManagerParserErrorException: The message received from the server could not be parsed. Common causes for this error are when the response is modified by calls to Response.Write(), response filters, HttpModules, or server trace is enabled Details: Error parsing near 'span> </div> |<html> <head>”and RadGrid is not displayed.

When I click the button again the error doesn’t show up and RadGrid is displayed. This happens sometimes not every time.

Can anyone tell me how to figure this out?

Thanks

Grid

answered on 08 Jan 2010

1 answer

139 views

[Solved] Legend Orientation

I know that Legend.Appearance.Position.AlignedPosition allows me to specify where the legend appears in the chart, but is there a way to change how the series are oriented with respect to one another? I would like to have the legend below the plot area, but listed across the bottom (horizontal), rather than one on top of another (vertical).

Thanks,
Lance Marrano

Chart (Obsolete)

answered on 08 Jan 2010

1 answer

189 views

[Solved] RadEditor : Add an icon to my custom toolbar

Version Assembly : 2008, 2, 723, 20
I am creating a custom editorTool to "add an image" from the desktop to the content of the radeditor.
I am trying to add a custom icon to this editorTool. But It doesn't work. The name of my editorTool id "AddImage"
,I tried this but it doesn't work :

.AddImage

{

background-image: url(~/images/add2.gif);

}

I am using the Outlook skin. This background-image is replaced by the

.rade_tool

SPAN style generated by the outlook skin.

Do you have a solution and an idée to resolve my problem ?

Thank you in advance,

Suzi

Editor

answered on 08 Jan 2010

1 answer

105 views

Skins from one release to another

I've noticed that the skins for (say, Office2007) change from one release to another. I would like to maintain use of the Q2 2009 skins for Office2007, however, when I installed Q3 2009 - the skins changed. My manager does not like the new skins and would to revert back to the Q2 2009 skins, however, he would like to keep the new functionality of the Q3 2009 release. Is there anyway to use the older skins in a new release of Telerik?

SkinManager

answered on 08 Jan 2010

1 answer

161 views

RadNumericTextBox

Hello

In this example the property "DbValue" of the RadNumeric Textbox is described:
http://www.telerik.com/help/aspnet/input/radinput-telerik.webcontrols.radnumerictextbox-dbvalue.html

    
             <rad:RadNumericTextBox DbValue='<%# Bind("num") %>' 
        
                  ID="RadNumericTextBox1" runat="server">  
        
             </rad:RadNumericTextBox>

I use a RadNumericTextBox in a RadGrid EditForm and want to bind it. But I am wondering, that I cannot find this property in my code completion list.

Is this property not longer there? Is there a replacement for this property?

Input

answered on 08 Jan 2010

1 answer

90 views

Loading Panel Issue

Hi

In my project when i clicked radgrid row select button that time another window is opening in same window using IFRAME ...working fine

But am using loading panel for that radgrid that time iframe is not loaded in that page...

Pls resolve my problem..

Kali Raj P

General Discussions

answered on 08 Jan 2010

6 answers

224 views

[Solved] Treeview slow with lots of node using a template

Hi,

Hoping someone might have a suggestion.

Basically i have a treeview that can potentially have 200 nodes each with a template applied to it. I have something like
In my page init.

"TreeviewStructure.NodeTemplate = New TreeViewTemplate()"

Then you can click on any node and will show a modal popup. Problem is when the treeview has 200 nodes it seems to really struggle and take a age to open the modal popup, but if i remove the template its really quick.

So is there anyway not to have to load the template on each postback

Anyone have any ideas

Thanks

TreeView