Questions on UI for ASP.NET AJAX Forum

1 answer

113 views

tabless Docks

hi,
i really love all functionality of RAD Dock but one big annoying thing is it is table based rendering, and for me and my client this is really big drawback if not deal breaker, because as you know if i have like 10 Docks how many tables this means ? beside it is seriously not following new web design pattern, tables should be for data so is there a way to get rid of tables and use Divs ?

thanks in advanced.

Dock

answered on 08 Mar 2010

1 answer

99 views

Disabled Items are selectable

Hi...

I have a RadGrid where i disable (e.Item.Enabled = false;) on ItemDataBound depending on some condition.

The grid has a client select column with a checkbox which, on databound, is disabled based on the same condition described above.

CheckBox chkbx = (CheckBox)item["SelectCol"].Controls[0];

chkbx.Enabled = false;

All of this functionality works fine and is rendered correctly in the browser.

However. my grid allows the user to click anywhere in the row to select the item client side.

The problem is that even the rows that are set as disabled on the ItemDataBound event are selectable and the checkboxes also get marked with a tick.

Surely setting the e.Item.Enabled = false; should not even allow selection on the client?

Any help with work arounds will be very useful.

Grid

answered on 08 Mar 2010

1 answer

150 views

Finding Nodes by Attribute AND Value

Hi there.

I have a tree view where the basic heirarchy is such:

Location
Company
Employee

The value for each of these nodes is a numeric id. My issue is that the Node values can be the same for the nodes at different levels of the tree. For example, the node value for Location X could be 23 AND the Node value for Employee 127 could be 23.

So, my problem is that the Find methods (FindByValue in this case) doesn't always find the correct node. I did add and Attribute to each node that defines the node level as defined by my below enum:

public enum ReportTreeNodeType

{

Location,

Company,

Employee

}

So, what I really need do do is find by both a value and an attribute. Ideas on how to best solve this issue without iterating through each node?

Thanks, Mike

Correction - I am saving the Node type in the DataItem of the node and not the Attribute.

TreeView

answered on 08 Mar 2010

1 answer

167 views

Show hide tr .. /tr in edit template of a RAD Grid

I need to set the visibility of the tr from the grdProductGroup_ItemDataBound when the record is selected for editing.
Currently,
in my grdPG_ItemDataBound for Edit Item

    
            if 
        
            (((PG)item.DataItem).ProductGroupType == "mobile")   
        
            {  
        
            HtmlTableRow tr = (HtmlTableRow)item.FindControl("trMobile");   
        
            tr.Style.Clear();  
        
            tr.Style.Add( 
        
            HtmlTextWriterStyle.Display, "");   
        
            }

& in my aspx page

    
            <tr> 
        
            <td align="right">  
        
            <asp:Label ID="Label3" runat="server" CssClass="label"   
        
            Text=" Product Type:"></asp:Label><span   
        
            class="requiredFieldIndicator">*</span> 
        
            </td> 
        
            <td align="left" colspan="3">  
        
            <telerik:RadComboBox ID="cboPG" runat="server" Skin="Vista" MarkFirstMatch="True" 
        
            AppendDataBoundItems="true" AutoPostBack="false"   
        
            OnClientSelectedIndexChanged = "ShowHidetrMobile" Font-Names="Verdana" 
        
            Font-Size="8" >   
        
            </telerik:RadComboBox>   
        
            </td>   
        
            </tr> 
        
            <tr id="trMobile" style="display:none" runat="server" > 
        
            <td align="right">  
        
            <asp:Label ID="Label1" runat="server" CssClass="label"   
        
            Text="Mobile Company:"></asp:Label><span   
        
            class="requiredFieldIndicator">*</span> 
        
            </td> 
        
            <td align="left" colspan="3">  
        
            <telerik:RadComboBox ID="cboMobileCompany" runat="server" Skin="Vista" MarkFirstMatch="True" 
        
            AppendDataBoundItems="true" AutoPostBack="false"   
        
            Font-Names="Verdana" 
        
            Font-Size="8" >   
        
            </telerik:RadComboBox>   
        
            </td>   
        
            </tr>

all fine till here...
But how do I get the client Id of the TR in the javascript
Here is my Javascript .. any cleaner way to do it ?

    
            function ShowHidetrMobile(obj,args)  
        
            {  
        
            if (obj._text=="Mobile")  
        
                $get("ctl00_ContentPlaceHolder1_grdProductGroup_ctl00_ctl05_trMobile").style.display="";  //Although i dont like this way
        
            else      
        
                $get("ctl00_ContentPlaceHolder1_grdProductGroup_ctl00_ctl05_trMobile").style.display="none";  
        
            }

all fine till here...But how do I get the client Id of the TR in the javascriptHere is my Javascript .. any cleaner way to do it ?

Grid

answered on 08 Mar 2010

2 answers

113 views

"---Select---" with required field validation

Hi,

I have the following requirements:

1. Need to display the default "---Select---" item. (this is being set using the empty message property)

2. this field is required.

So in order to use the empty message property, I need to set the "Allow custom text" = true property.

But in this case, the user is allowed to type in any arbit value into the combobox and bypass the required field validation.

Please let me know how to do go about achieving this?

Thanks

ComboBox

answered on 08 Mar 2010

1 answer

114 views

GetBindingData and Entity Framework

Hello,

I want to populate RadGrid using Client-Side Binding and a WCF Service.

I saw in your example that RadGrid have GetBindingData method to generate a query from Linq DataContext.

Can I use the same method with Entity Framework?

Best regards,

Henrique

Grid

answered on 08 Mar 2010

3 answers

82 views

RadGrid

I am Using RadGrid Control

after i insert AddnewRecord that display should be close and also i want to close the addnewrecord display when i click the edit link

please help me

Thanks Advance

Senthil S

Grid

answered on 08 Mar 2010

2 answers

84 views

Client-side update/insert/delete w/o webservice

can somebody send the code of Client-side update/insert/delete without using webservices.
I am referring the demo http://www.telerik.com/help/aspnet-ajax/client-update-insert-delete.html and I want the same functionality but with simple code behind or .cs files not with web serivce.

Grid

answered on 08 Mar 2010

6 answers

149 views

More DataSource in NestedView?

I have Grid and in this Grid I have another one.

After expand first and the second I want to have few repeaters with different DataSource, based on parameter from second Grid.

How to do this?

Now I have something like this:

    
                <div> 
        
                    <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> 
        
                    </telerik:RadScriptManager> 
        
                    <asp:Button ID="Button1" runat="server" Text="Button" /> 
        
                </div> 
        
                <telerik:RadGrid ID="kraje" DataSourceID="eAPI_list_countries" runat="server" AutoGenerateColumns="False" 
        
                    AllowSorting="True" AllowPaging="True" PageSize="100" GridLines="None"> 
        
                    <MasterTableView DataSourceID="eAPI_list_countries" DataKeyNames="country_id"> 
        
                        <ExpandCollapseColumn Visible="True"> 
        
                        </ExpandCollapseColumn> 
        
                        <Columns> 
        
                            <telerik:GridTemplateColumn DataField="name" DataType="System.String" HeaderText="Kraj" 
        
                                ReadOnly="True" SortExpression="name" UniqueName="name"> 
        
                                <ItemTemplate> 
        
                                    <a href='<%#"http://www.erepublik.com/en/country/" & Eval("permalink") %>' target="_blank"> 
        
                                        <%#Eval("name")%></a> 
        
                                </ItemTemplate> 
        
                            </telerik:GridTemplateColumn> 
        
                            <telerik:GridBoundColumn DataField="total_citizens" DataType="System.Int64" HeaderText="Populacja" 
        
                                ReadOnly="True" SortExpression="total_citizens" UniqueName="total_citizens"> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridTemplateColumn DataField="citizen_fee" DataType="System.Decimal" HeaderText="Becikowe" 
        
                                ReadOnly="True" SortExpression="citizen_fee" UniqueName="citizen_fee"> 
        
                                <ItemTemplate> 
        
                                    <%# Eval("citizen_fee") %> 
        
                                    <%#Eval("currency")%> 
        
                                </ItemTemplate> 
        
                            </telerik:GridTemplateColumn> 
        
                            <telerik:GridBoundColumn DataField="continent" DataType="System.String" HeaderText="Kontynent" 
        
                                ReadOnly="True" SortExpression="continent" UniqueName="continent"> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="new_citizens_today" DataType="System.Int64" HeaderText="Niemowlaków dzisiaj" 
        
                                ReadOnly="True" SortExpression="new_citizens_today" UniqueName="new_citizens_today"> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="average_citizen_level" DataType="System.Int64" 
        
                                HeaderText="Średnie EXP" ReadOnly="True" SortExpression="average_citizen_level" 
        
                                UniqueName="average_citizen_level"> 
        
                            </telerik:GridBoundColumn> 
        
                        </Columns> 
        
                        <NestedViewSettings DataSourceID="eAPI_list_regions"> 
        
                            <ParentTableRelation> 
        
                                <telerik:GridRelationFields DetailKeyField="country_id" MasterKeyField="country_id" /> 
        
                            </ParentTableRelation> 
        
                        </NestedViewSettings> 
        
                        <NestedViewTemplate> 
        
                            <telerik:RadGrid ID="regiony" runat="server" DataSourceID="eAPI_list_regions"> 
        
                                <MasterTableView DataSourceID="eAPI_list_regions" DataKeyNames="region_id" AutoGenerateColumns="false"> 
        
                                    <Columns> 
        
                                        <telerik:GridTemplateColumn DataField="region_name" DataType="System.String" HeaderText="Region" 
        
                                            ReadOnly="True" SortExpression="region_name" UniqueName="region_name"> 
        
                                            <ItemTemplate> 
        
                                                <a href='<%#"http://www.erepublik.com/en/region/" & Eval("permalink") %>' target="_blank"> 
        
                                                    <%#Eval("region_name")%></a> 
        
                                            </ItemTemplate> 
        
                                        </telerik:GridTemplateColumn> 
        
                                        <telerik:GridBoundColumn DataField="population" DataType="System.Int64" HeaderText="Populacja" 
        
                                            ReadOnly="True" SortExpression="population" UniqueName="population"> 
        
                                        </telerik:GridBoundColumn> 
        
                                    </Columns> 
        
                                    <NestedViewSettings DataSourceID="eAPI_list_constructions"> 
        
                                        <ParentTableRelation> 
        
                                            <telerik:GridRelationFields DetailKeyField="region_id" MasterKeyField="region_id" /> 
        
                                        </ParentTableRelation> 
        
                                    </NestedViewSettings> 
        
                                    <NestedViewTemplate> 
        
                                        <fieldset style="padding: 10px; width: 300px;"> 
        
                                            <legend style="padding: 5px;"><b>Konstrukcje:&nbsp; &nbsp;</a></b></legend> 
        
                                            <asp:Repeater ID="regions_repeater" runat="server" DataSourceID="eAPI_list_constructions"> 
        
                                                <ItemTemplate> 
        
                                                    <div> 
        
                                                        <table> 
        
                                                            <tbody> 
        
                                                                <tr> 
        
                                                                    <td> 
        
                                                                        <asp:Label ID="conId" Text='<%#Eval("construction_id") %>' runat="server"></asp:Label>: 
        
                                                                        <asp:Label ID="conQuality" Text='<%#Eval("construction_quality") %>' runat="server"></asp:Label> 
        
                                                                    </td> 
        
                                                                </tr> 
        
                                                            </tbody> 
        
                                                        </table> 
        
                                                    </div> 
        
                                                </ItemTemplate> 
        
                                            </asp:Repeater> 
        
                                        </fieldset> 
        
                                    </NestedViewTemplate> 
        
                                </MasterTableView> 
        
                            </telerik:RadGrid> 
        
                        </NestedViewTemplate> 
        
                    </MasterTableView> 
        
                </telerik:RadGrid> 
        
                <asp:SqlDataSource ID="eAPI_list_countries" runat="server" ConnectionString="<%$ ConnectionStrings:DbSqlConnection %>" 
        
                    SelectCommand="SELECT * FROM [erepublik_eAPI_Countries]"></asp:SqlDataSource> 
        
                <asp:SqlDataSource ID="eAPI_list_regions" runat="server" ConnectionString="<%$ ConnectionStrings:DbSqlConnection %>" 
        
                    SelectCommand="SELECT * FROM [erepublik_eAPI_Regions] WHERE ([country_id] = @country_id)"> 
        
                    <SelectParameters> 
        
                        <asp:Parameter Name="country_id" /> 
        
                    </SelectParameters> 
        
                </asp:SqlDataSource> 
        
                <asp:SqlDataSource ID="eAPI_list_constructions" runat="server" ConnectionString="<%$ ConnectionStrings:DbSqlConnection %>" 
        
                    SelectCommand="SELECT id, region_id, construction_id, construction_quality FROM dbo.erepublik_eAPI_Regions_Constructions WHERE (region_id = @region_id)"> 
        
                    <SelectParameters> 
        
                        <asp:Parameter Name="region_id" Type="Int32" /> 
        
                    </SelectParameters> 
        
                </asp:SqlDataSource> 
        
                <asp:SqlDataSource ID="eAPI_list_raws" runat="server" ConnectionString="<%$ ConnectionStrings:DbSqlConnection %>" 
        
                    SelectCommand="SELECT * FROM [erepublik_eAPI_Regions_Raw_Materials] WHERE ([region_id] = @region_id)"> 
        
                    <SelectParameters> 
        
                        <asp:Parameter Name="region_id" Type="Int32" /> 
        
                    </SelectParameters> 
        
                </asp:SqlDataSource>

Can anyone help me?

Grid

answered on 08 Mar 2010

1 answer

223 views

Custom Progress Area inside RadAjaxPanel

Hello,

I am having very strange behavior with the ProgressArea embedded inside a RadAjaxPanel. I have created a prototype of this problem using code from your RadControlsExample solution (version Q1 2009).

I have one RadAjaxPanel that includes the following:

A button that causes a callback
A button that is tied to the RadProgress
The RadProgressManager and RadProgressArea

When I load the page for the first time and click the "Show Progress Area" button, the resulting behavior is what I want.

If, however, I click the "Cause Postback" button first after loading the page, THEN click the "Show Progress Area" button, the progress area does not display at all.

Is this a bug with Telerik, or is there something I'm doing wrong or something I can do extra to fix?

Thanks,
Jill

Markup:

    
            <%@ Page language="c#" CodeFile="Testing.aspx.cs" AutoEventWireup="true" Inherits="Telerik.Web.Examples.Upload.CustomProgress.Testing" %> 
        
            <%@ register tagprefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI" %> 
        
            <%@ register tagprefix="qsf" namespace="Telerik.QuickStart"  %> 
        
            <%@ register tagprefix="qsf" tagname="Header" src="~/Common/Header.ascx" %> 
        
            <%@ register tagprefix="qsf" tagname="HeadTag" src="~/Common/HeadTag.ascx" %> 
        
            <%@ register tagprefix="qsf" tagname="Footer" src="~/Common/Footer.ascx" %> 
        
            <!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">  
        
                    <qsf:headtag runat="server" /> 
        
                    <telerik:RadScriptBlock ID="rcbExport" runat="server">  
        
                    <script language="javascript" type="text/javascript">  
        
                        function showProgressArea() {  
        
                            getRadProgressManager().startProgressPolling();  
        
                        }              
        
                    </script>     
        
                    </telerik:RadScriptBlock>                 
        
                </head> 
        
                <body class="BODY">  
        
                    <form runat="server" id="mainForm" method="post">  
        
                        <telerik:RadScriptManager id="ScriptManager1" runat="server" /> 
        
                        <qsf:Header runat="server" NavigationLanguage="C#" />     
        
                        <!-- Start UpdatePanel 1 --> 
        
                        <telerik:RadAjaxPanel runat="server" ID="UpdatePanel1" LoadingPanelID="RadAjaxLoadingPanel1">  
        
                            Click this button first:    
        
                            <asp:Button ID="btnPostBack" runat="server" Text="Cause Postback" /><br /> 
        
                            Click this button to show Progress Area:  
        
                            <asp:button ID="buttonSubmit" runat="server" Text="Show Progress Area" OnClientClick="showProgressArea();" OnClick="buttonSubmit_Click" CssClass="RadUploadButton" /> 
        
                            <telerik:RadProgressManager id="Radprogressmanager1" runat="server" RegisterForSubmit="false" /> 
        
                            <telerik:RadProgressArea id="RadProgressArea1" runat="server" /> 
        
                            <br /><br /><br /><br /><br /><br /> 
        
                            <div class="bigModule">  
        
                                <div class="bigModuleBottom">  
        
                                    <b>Note:</b> The largest allowed combined file size for upload in this example is 100MB. This is specified by the  
        
                                    maxRequestLength="102400" set in Web.config file. If you attempt to upload files with total size greater that 100MB   
        
                                    you will get "Page Not Found" error. For more information about uploading large files visit the help article  
        
                                    <a href="http://www.telerik.com/help/aspnet-ajax/upload_uploadinglargefiles.html" >Uploading Large Files</a>   
        
                                </div> 
        
                            </div> 
        
                        </telerik:RadAjaxPanel> 
        
                        <!-- End Update Panel 2--> 
        
                        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">  
        
                        </telerik:RadAjaxLoadingPanel>            
        
                        <qsf:Footer runat="server" /> 
        
                    </form> 
        
                </body> 
        
            </html>

Code-behind:

    
            using System;  
        
            using System.Collections;  
        
            using System.ComponentModel;  
        
            using System.Data;  
        
            using System.Drawing;  
        
            using System.Web;  
        
            using System.Web.SessionState;  
        
            using System.Web.UI;  
        
            using System.Web.UI.WebControls;  
        
            using System.Web.UI.HtmlControls;  
        
            using Telerik.Web.UI;  
        
            using Telerik.Web.UI.Upload;  
        
            namespace Telerik.Web.Examples.Upload.CustomProgress  
        
            {  
        
                public partial class Testing : System.Web.UI.Page  
        
                {     
        
                    protected void Page_Load(object sender, System.EventArgs e)  
        
                    {  
        
                        if (!IsPostBack)  
        
                        {  
        
                            //Do not display SelectedFilesCount progress indicator.  
        
                            //RadProgressArea1.ProgressIndicators &= ~ProgressIndicators.SelectedFilesCount;  
        
                        }  
        
                    }  
        
                    protected void buttonSubmit_Click(object sender, System.EventArgs e)  
        
                    {  
        
                        LooongMethodWhichUpdatesTheProgressContext();  
        
                    }  
        
                    private void LooongMethodWhichUpdatesTheProgressContext()  
        
                    {  
        
                        const int total = 100;  
        
                        RadProgressContext progress = RadProgressContext.Current;  
        
                        for (int i = 0; i < total; i++)  
        
                        {  
        
                            progress.PrimaryTotal = 1;  
        
                            progress.PrimaryValue = 1;  
        
                            progress.PrimaryPercent = 100;  
        
                            progress.SecondaryTotal = total;  
        
                            progress.SecondaryValue = i;  
        
                            progress.SecondaryPercent = i;  
        
                            progress.CurrentOperationText = "Processing...";  
        
                            if (!Response.IsClientConnected)  
        
                            {  
        
                                //Cancel button was clicked or the browser was closed, so stop processing  
        
                                break;  
        
                            }  
        
                            //Stall the current thread for 0.1 seconds  
        
                            System.Threading.Thread.Sleep(100);  
        
                        }  
        
                        progress.OperationComplete = true;  
        
                    }     
        
                }  
        
            }

Upload (Obsolete)

answered on 08 Mar 2010