Questions on UI for ASP.NET AJAX Forum

1 answer

142 views

"Selection out of range" when editing RadComboBox

Hi,
I use RadDatagrid template column. In EditItemTemplate I put RadComboBox. Values for it I suplly in ItemDataBound event.
The problem is when I try to edit a row, I receive an error message:

Selection out of range
Parameter name: value

In spite of value of edited field exists in RadComboBox items.

Please help me with this issue

Best Ragards
Zl. Rusev

Grid

answered on 09 Nov 2009

1 answer

90 views

Change close image in popup edit titlebar

I would like to change the close (cancel, "x") image on the popup editor. Is there any way to do this?

(See circled "x" in attached image).

Lauren

Grid

answered on 09 Nov 2009

3 answers

103 views

How to find Grid rowitem text

Hi,

I am using Radgrid for asp.net ajax control in my project.

i am having button control within the item template, i need to fire click event where i should find the cilcked button's text value.

how to do that ..

pls give me the solution.

thanks,

mano.

Grid

answered on 09 Nov 2009

1 answer

92 views

Filling Grid from Service not possible

Hello

I am a newbie an try to following this video,
to get a first introduction in the Telerik RadControls: KevinBabcock_29.flv

The table name in the database LJT_BCEX (the same for Linq Object, no pluralization like LJT_BCEXs).
Does this cause problems?

I don't get an Error message in Visual Studio, but no data is shown. Here is my webservice:

    
                [System.Web.Script.Services.ScriptService]  
        
                public class BroadcastExchangeData : System.Web.Services.WebService  
        
                {  
        
                    [WebMethod]  
        
                    public Dictionary<string, object> GetBroadcastExchangeAndCount(int startIndex, int rowCount,  
        
                        string sortExpressions, string filterExpressions)  
        
                    {  
        
                        var db = new LJITDataContext();  
        
                        var sort = !string.IsNullOrEmpty(sortExpressions);  
        
                        var filter = !string.IsNullOrEmpty(filterExpressions);  
        
                        var broadcastExchanges = (from b in db.LJT_BCEX  
        
                                                 select b).Where(filter ? filterExpressions : "BXID > 0")  
        
                                                 .OrderBy(sort ? sortExpressions : "BXID ASC");  
        
                        var count = filter ? broadcastExchanges.Count() : db.LJT_BCEX.Count();  
        
                        broadcastExchanges = broadcastExchanges.Skip(startIndex).Take(rowCount);  
        
                        var retObj = new Dictionary<string, object> { { "BroadcastExchange", broadcastExchanges }, { "BroadcastExchangeCount", count } };  
        
                        return retObj;  
        
                    }

So the service itself seems to be ok. In debug I can see that it's returning the data properly (server side).
Here's the RadGrid Markup Code :

    
                    <telerik:RadGrid ID="rgridMain" runat="server" AutoGenerateColumns="true" HorizontalAlign="Center" 
        
                        AllowAutomaticDeletes="true" Width="98%" HeaderStyle-HorizontalAlign="Center">  
        
                        <HeaderStyle HorizontalAlign="Center"></HeaderStyle> 
        
                        <ClientSettings EnableRowHoverStyle="true">  
        
                            <Scrolling AllowScroll="true" UseStaticHeaders="true" /> 
        
                            <DataBinding CountPropertyName="BroadcastExchangeCount" DataPropertyName="BroadcastExchange" 
        
                                FilterParameterName="filterExpressions" FilterParameterType="Linq" Location="~/Services/BroadcastExchangeData.asmx" 
        
                                MaximumRowsParameterName="rowCount" SelectMethod="GetBroadcastExchangeAndCount" 
        
                                SortParameterName="sortExpressions" SortParameterType="Linq" StartRowIndexParameterName="startIndex">  
        
                            </DataBinding> 
        
                            <ClientEvents OnRowDblClick="OnRowDblClick" /> 
        
                        </ClientSettings> 
        
                        <MasterTableView EditMode="PopUp" DataKeyNames="BXID">  
        
                            <Columns> 
        
                                <telerik:GridEditCommandColumn> 
        
                                </telerik:GridEditCommandColumn> 
        
                                <telerik:GridBoundColumn HeaderText="Status" DataField="BXSTAT" /> 
        
                                <telerik:GridBoundColumn HeaderText="Id" DataField="BXID" /> 
        
                            </Columns> 
        
                        </MasterTableView> 
        
                    </telerik:RadGrid>

If I use Firefox/Firebug, then I can see, that there occurs a "Circular reference" with LJT_BCEX (that's the original class and table name and the name for the Linq Object).

Do I have to rename my Linq Object like Customer -> Customers?

Grid

answered on 08 Nov 2009

2 answers

853 views

[Solved] Export (to Excel) and cell formatting

This is possibly me missing something, or it is a suggestion for a feature in the Grid which would make things better in many cases.

The basic issue is that when a grid is exported to Excel, none of the column formats are observed, I have to set them all in code behind using the mso-number-format cell style.

From what I can discover, to get a grid formatted nicely in the resulting excel sheet, one has to write code for the ExcelExportCellFormatting event for the grid. In that code, the mso-number-format has to be set explicitly for each cell (except perhaps those with plain text). This involves a case statement switching on the UniqueName, setting the mso-number-format in the style. Effectively repeating all the formatting instructions already given in the declaration.

So my questions/suggestions are:

Would it not be possible to have an option to automatically covert the DataFormatString set in the declaration into an equialent mso-number-format. This would surely cover 90% of the cases where we want exactly the same format on the display and on the exported sheet - as an example, convert the DataFormatString="{0:C2}" into a e.Cell.Style["mso-number-format"] = @"\£\0022\#\,\#\#0\.00"
For cases where this is not quite right (maybe the auto convert does the wrong thing), provide a declarative atribute of the column (called say MsoNumberFormat) where we can declaratively set the format to be used on the export to excel - thus avoiding most (99% of) cases where additional code behind is required. If this attribute is set then of course it will overrride any automatic setting.
Of course there will be occasions where the code behind event handler is needed, so keep that as well to allow precise overriding of the above.
In the structures available in the event (ExcelExportCellFormatting) handler, I can't find the DataFormatString value (easily), so I have to write the big switch statement on each column by name - if I coudl refer to say e.FormattedColumn.DataFormatString I could do a smaller and generic switch statement for all my grids where I set the e.Cell.Style["mso-number-format"] based on the format string originally declared - basically if my format string is a 2 decimal place percentage I wil almost always want the same 2 decimal place percentage on my excel export.

I suggest all this because it seems relatively simple, and would make the Excel Export so much more "automatic" and hence the whole Telerk library so much more valuable.

At present the testing is tedious beyond belief - I just have to misspell one column name in the switch statement and unless I have carefully tested the resulting export column by column I will miss the error.

Andrew

Grid

answered on 08 Nov 2009

2 answers

127 views

[Solved] Hiding Command Item Templates (Hyper Links) after reordering columns on server side

Dear All,

I’m setting the visibility of the command item (Hyper Link)in the command item template (Add New Record) on the grid pre render event based on logged in user permissions.

The code used is shown below:

    
            foreach (GridItem Item in grdUsers.MasterTableView.GetItems(GridItemType.CommandItem))     
        
                            {     
        
                                GridCommandItem CommandItem = (GridCommandItem)Item;     
        
                                LinkButton InitLinkButton = (LinkButton)CommandItem.FindControl(functionalitiesRow.ControlName);     
        
                                if (InitLinkButton != null)     
        
                                {     
        
                                    InitLinkButton.Visible = false;     
        
                                    break;     
        
                                }     
        
                            } //End for each

The problem is that when I do reordering for the column on the server side the code in grid pre render even is executed and the Hyper Link visibility is set to false but when the page appears the (Add New Record) hyper link is visible to the user and s/he can click on it.

This problem only appears on the reordering columns functionality.

I don’t want to reorder the column on client side, because am preserving the grid state and columns order for the logged in user.

Any suggests to my problem?

Grid

answered on 08 Nov 2009

2 answers

156 views

Setting an image Url for a listitem

Hello,

I have a two listboxes that I use to transfer items from one to another. On my destination listbox I want to set one item as a default item.
I have decided to add a button that will take the selected item and set an image to it to indicate that this item is the default one.

I have done so using javascript:

    
            function setDefaultReport() {  
        
                            selectedReportsList.trackChanges();  
        
                            var selectedItem = selectedReportsList.get_selectedItem();  
        
                            if (selectedItem) {  
        
                                if (defaultReport) {  
        
                                    defaultReport.set_imageUrl("");  
        
                                    }  
        
                                }  
        
                                selectedItem.set_imageUrl("/images/icon.gif");  
        
                                defaultReport = selectedItem;  
        
                            }  
        
                            selectedReportsList.commitChanges();  
        
                        }

When I push the button to run this function I get an invalid argument error during runtime of the script. It happens in the insertBefore function of the current list item.

Any ideas?

Thanks,
Oded

ListBox

answered on 08 Nov 2009

4 answers

371 views

RadCombo in Grid client side update

I have been struggling with putting the combo into a grid and doing a client side autocomplete for a day now. I dont see any samples on this which makes me wonder if no one is doing this.

Here is what I am trying to do: I have grid that is bound to a datatable server side, in the datatable there are two related columns ClassID, Class. These are are really one data value for a lookup. I have a template column defined as follows.

    
            <telerik:GridTemplateColumn HeaderText="Class" UniqueName="Class" SortExpression="Class" ShowSortIcon="true" HeaderStyle-Width="200">     
        
                <ItemTemplate>    
        
                    <asp:Label ID="Label1" runat="server" Text='<%# Eval("Class") %>' /> 
        
                </ItemTemplate>   
        
                <EditItemTemplate>    
        
                    <telerik:RadComboBox ID="ClassCombo" runat="server" Width="190px" Height="200px" MarkFirstMatch="true" 
        
                        OnClientItemsRequested="OnClientItemsRequested" OnClientItemsRequesting="OnClientItemsRequesting" OnClientDropDownClosed="OnClientDropDownClosed"   
        
                        OnClientSelectedIndexChanged="OnClientSelectedIndexChanged" 
        
                        EnableLoadOnDemand="true" AllowCustomText="false" > 
        
                        <ExpandAnimation Type="none" /> 
        
                        <CollapseAnimation Type="none" /> 
        
                        <WebServiceSettings Path="/Lookup.asmx" Method="Classes"  /> 
        
                    </telerik:RadComboBox> 
        
                </EditItemTemplate>   
        
            </telerik:GridTemplateColumn>

Here is the javascript for lookups:

    
            function OnClientItemsRequesting(sender, args){  
        
                startTime = new Date();  
        
            }  
        
            function OnClientItemsRequested(sender, args){  
        
                var endTime = new Date();  
        
            }  
        
            function OnClientSelectedIndexChanged(sender, args) {  
        
                var item = args.get_item();  
        
                var text = item.get_text();  
        
                var val = item.get_value();  
        
                 alert(val);  
        
            }  
        
            function OnClientDropDownClosed(sender, args)  {
        
                sender.clearItems();  
        
                if(args.get_domEvent().stopPropagation)  
        
                    args.get_domEvent().stopPropagation();  
        
            }

The lookup service works just fine, if you type in the box it pulls back matching rows and displays them in the combo and I can select the item.

The two things I cannot figure out.
1. How to populate the combo with the initial value, I could do this server side when the edit postback comes in.

2. This is the big one as I cannot figure out a workaround. How do I get the value of the selected item back into the form field on the client? In my code, I put the statement alert(val); in the selection and that has the correct value in it when an item is selected; I just cant figure out how to get it into the form field.

None of the samples show a client side autocomplete combo populated by a service inside of a grid.

ComboBox

answered on 07 Nov 2009

1 answer

267 views

RadAjaxLoadingPanel does not show up with custom user controls [Resolved]

I resolved this issue myself; Just in case anybody else runs into the same problem, I'll post it here...

I created a user control and a RadAjaxManager for Ajax support. The RadAjaxLoadingPanel was not showing up on Ajax operations. So I decided to manually show/hide the loading panel by using RadAjaxManager.ClientEvents. However, OnRequestStart and OnResponseEnd were not being triggered for some reason. So I hooked into the Sys.WebForms.PageRequestManager instance and added a listener for beginRequest and endRequest.

So I got that working and tried to show the RadAjaxLoadingPanel. That's when I realized the problem. RadAjax was trying to reference my user control client-side using ClientID. However, I inherit from System.Web.UI.UserControl which does not have a wrapper containing the control ClientID. So there was nothing to reference in the generated HTML. After wrapping my user control in a div with its ClientID, RadAjaxManager.ClientEvents began to throw the OnRequestStart and OnResponseEnd events correctly, and the RadAjaxLoadingPanel worked without additional coding on the client-side.

I don't know if this is the best way, but this is the code I used to resolve this issue:

    
                Public Overrides Sub RenderControl(ByVal writer As System.Web.UI.HtmlTextWriter) 
        
                    writer.AddAttribute(HtmlTextWriterAttribute.Id, Me.ClientID) 
        
                    writer.RenderBeginTag(HtmlTextWriterTag.Div) 
        
                    MyBase.RenderControl(writer) 
        
                    writer.RenderEndTag() 
        
                End Sub

Hope this helps!

Ajax

answered on 07 Nov 2009

0 answers

145 views

Read Html source of Radwindow Content

Hello Telerik Team ,

I haven't used Radwindow much . And i have a requirement where i need to read the HTML content of the Url opened in Radwindow .

I know i can do that using HTTP request but in my case due to Security reasons i cant Bypass the Login screen , so the user first log in with credentials and then i need to read the html content of RadWindow . I am pretty sure this can be done but i dont seem to find a way .

Please suggest a way so that i can do that on server side button click event .

Thank You

Vipin Ajmera

Window