Questions on UI for ASP.NET AJAX Forum

5 answers

157 views

How to apply styles

Hi all
Plz guide me in case how can i apply styles and colors in ordinary column heading.

Regards,
A.S

Grid

answered on 29 Jun 2009

3 answers

139 views

The relationship between filters and pages.

This is kind of funny because any single example I have seen on your site and any others RadGrid I used it was working but in one my case flipping pages kills the filters. It looks like nothing has to be done to preserve filters when pages changes, so I wonder why it does not work with my particular grid.

It is 2009, Q1 Radgrid, with standard NextPrevNumericAndAdvanced mode paging. It fed by non-cashable DataReader. The grid does NOT use Ajax and each repost sucks fresh data.

The filtering works fine, so the paging. However, the PageIndexChanged even does not fire. I thought to run in PageIndexChanged event across the columns, cash the CurrentFilterValues and then reset the Values in PreRender event but no luck for now. What is particularly interesting is that in your demo Grids you do NOT it and your filters/pages work very consistency with no extra coding efforts. Am I missing anything?

Rgs, Romy

Grid

answered on 29 Jun 2009

1 answer

63 views

Ajax loading panel taking more time

Hi Telerik Team,
Is there any way to reduce the ajax loading panel sleep time. because it is taking toomuch of time to load single page ,it is showing continuosly loading loading....loading.. Thanks in Advance.

Thanks and Regards,
Nagireddy T.

General Discussions

answered on 29 Jun 2009

3 answers

522 views

Change padding/margin for grid filter

I’m trying to figure out how to reduce the padding or margin for the filter cells inside the grid. I’m using the latest Grid-Ajax release.

I thought that this would do it:

<FilterItemStyle CssClass="GridFilterStyle" />

With the CSS class:

.GridFilterStyle

{

padding: 0px;

margin: 0px;

}

But that did not do it. So I spent the last few hours reading the skins blog and how to customize the new skins, so I thought this would work:

td.rgFilterRow_WebBlue

{

padding: 0px;

margin: 0px;

}

or

tr.rgFilterRow_WebBlue

{

padding: 0px;

margin: 0px;

}

But that did not do it. Help please.
thanks,
-sam

Grid

answered on 29 Jun 2009

1 answer

119 views

Problem with position of loading panel for dynamically added tooltips

Hi

I have a page where i have a radgrid that is hidden when the page loads first time. The page has a form on it and when the user clicks submit on this form the radgrid is then displayed. This is controlled using the radajaxmanager so that the page only has a partial postback.The radgrid has tooltips which are added dynamically. I have set up the rad ajax manager like so

<telerik:AjaxSetting AjaxControlID="btnSubmit">

<telerik:AjaxUpdatedControl ControlID="RadToolTipManager1" />

<telerik:AjaxUpdatedControl ControlID="pnlResults" />

</UpdatedControls>

</telerik:AjaxSetting>

The problem is that when the submit button is pressed a loading panel appears in the top left of the page. I presume this is because of the ajax setting for the tooltipmanager. So i tried adding the radtooltipmanager programatically in the click event of the button instead of declaring it in the aspx. This had the effect that the first time the user clicks the submit button the loading panel is not shown in the top left but if they submit the form again the loading panel is then shown in the top left so thats not much use.

You can see the page here: 84.92.22.217/SureTrack2/Tracking/OutOfHoursReport.aspx

This is the version where the radtooltip manager is added declaratively as an ajax setting.

thanks

ToolTip

answered on 29 Jun 2009

2 answers

162 views

Position of loading panel for tooltip

Hi

I have a tooltip that loads its content on demand. The loading panel is not shown on top of the tooptip but slightly to the right and it doesnt look great. I took a screenshot but I can't see anywhere where i can attach an image to this post

thanks

ToolTip

answered on 29 Jun 2009

11 answers

259 views

Problem with hiding GridButtonColumn on client-side

Hello,

I have a grid that has both GridBoundColumns and GridButtonColumns and is populated using client-side databinding.
On Page_Load, I hide one of the GridButtonColumns using the following code:
C#:

    
            grdManifest.MasterTableView.GetColumn("ViewErrorDescription").Display = false;

Here is what the grid looks like on initial load: grid on initial load

When the user clicks a radio button, I need to show or hide certain columns depending on their selection. I attempt to do this using the following code:
JS:

    
            tableView = grdManifest.get_masterTableView();          
        
            tableView.showColumn(tableView.getColumnByUniqueName("ViewErrorDescription").get_element().cellIndex);  
        
            tableView.hideColumn(tableView.getColumnByUniqueName("CustomerImported").get_element().cellIndex);  
        
            tableView.hideColumn(tableView.getColumnByUniqueName("RollsReceived").get_element().cellIndex);  
        
            tableView.hideColumn(tableView.getColumnByUniqueName("ViewReceiptErrors").get_element().cellIndex);  
        
            tableView.hideColumn(tableView.getColumnByUniqueName("ViewTransactionHistory").get_element().cellIndex);

This successfully hides the two GridBoundColumns (CustomerImported and RollsReceived) but the two GridButtonColumns (ViewReceiptErrors and ViewTransactionHistory) do not get hidden. Also, the GridButtonColumn (ViewErrorDescription) that I'm trying to show does not get displayed. Here is what the grid looks like after this code is executed: grid after trying to show/hide columns

Could someone tell me what I'm doing wrong?

Here is the markup for the grid:

    
            <telerik:RadGrid ID="grdManifest" runat="server" AllowFilteringByColumn="false" AllowSorting="true" 
        
                    AllowPaging="true" PageSize="13" EnableViewState="false" AutoGenerateColumns="false" 
        
                    style="display:none; overflow:hidden;">  
        
                    <MasterTableView ClientDataKeyNames="ManifestID, SupplierCode, SoldToCodeType, SoldToCode, CorporateCode, PrintSiteCode" 
        
                        ShowHeader="true">  
        
                        <Columns> 
        
                            <telerik:GridBoundColumn DataField="ManifestID" Visible="false" DataType="System.Int32" 
        
                                UniqueName="ManifestID" /> 
        
                            <telerik:GridBoundColumn DataField="ManifestNumber" HeaderText="Manifest Number" 
        
                                DataType="System.String" DataFormatString="<nobr>{0}</nobr>" HeaderStyle-Width="95px" 
        
                                ItemStyle-Width="95px" /> 
        
                            <telerik:GridBoundColumn DataField="BillOfLading" HeaderText="BOL" DataType="System.String" 
        
                                DataFormatString="<nobr>{0}</nobr>" UniqueName="BillOfLading" HeaderStyle-Width="90px" 
        
                                ItemStyle-Width="90px" /> 
        
                            <telerik:GridBoundColumn DataField="SupplierCode" Visible="false" DataType="System.String" /> 
        
                            <telerik:GridBoundColumn DataField="SoldToCodeType" Visible="false" DataType="System.String" /> 
        
                            <telerik:GridBoundColumn DataField="SoldToCode" Visible="false" DataType="System.String" /> 
        
                            <telerik:GridButtonColumn HeaderText="Sold To" ButtonType="LinkButton" CommandName="ViewSoldTo" 
        
                                DataTextField="SoldTo" DataTextFormatString="<nobr>{0}</nobr>" UniqueName="ViewSoldTo" 
        
                                HeaderStyle-Width="150px" ItemStyle-Width="150px" SortExpression="SoldTo">  
        
                            </telerik:GridButtonColumn> 
        
                            <telerik:GridBoundColumn DataField="CorporateCode" Visible="false" DataType="System.String" /> 
        
                            <telerik:GridBoundColumn DataField="PrintSiteCode" Visible="false" DataType="System.String" /> 
        
                            <telerik:GridButtonColumn HeaderText="Print Site" ButtonType="LinkButton" CommandName="ViewPrintSite" 
        
                                DataTextField="PSName" DataTextFormatString="<nobr>{0}</nobr>" UniqueName="ViewPrintSite" 
        
                                HeaderStyle-Width="150px" ItemStyle-Width="150px" SortExpression="PrintSite">  
        
                            </telerik:GridButtonColumn> 
        
                            <telerik:GridBoundColumn DataField="ShipDate" HeaderText="Ship Date" DataType="System.DateTime" 
        
                                DataFormatString="{0:MM/dd/yyyy}" UniqueName="ShipDate" HeaderStyle-Width="70px" 
        
                                ItemStyle-Width="70px" /> 
        
                            <telerik:GridBoundColumn DataField="ImportDate" HeaderText="Import Date" DataType="System.DateTime" 
        
                                DataFormatString="{0:MM/dd/yyyy}" HeaderStyle-Width="70px" ItemStyle-Width="70px" /> 
        
                            <telerik:GridBoundColumn DataField="MessageType" HeaderText="Message Type" DataType="System.String" 
        
                                HeaderStyle-Width="60px" ItemStyle-Width="60px" /> 
        
                            <telerik:GridButtonColumn HeaderText="Total Items" ButtonType="LinkButton" CommandName="ViewItems" 
        
                                DataTextField="TotalItems" DataTextFormatString="{0}" UniqueName="ViewItems" 
        
                                HeaderStyle-Width="30px" ItemStyle-Width="30px" SortExpression="TotalItems">  
        
                            </telerik:GridButtonColumn> 
        
                            <telerik:GridButtonColumn HeaderText="Total Rolls" ButtonType="LinkButton" CommandName="ViewRolls" 
        
                                DataTextField="TotalRolls" DataTextFormatString="{0}" UniqueName="ViewRolls" 
        
                                HeaderStyle-Width="30px" ItemStyle-Width="30px" SortExpression="TotalRolls">  
        
                            </telerik:GridButtonColumn> 
        
                            <telerik:GridBoundColumn DataField="TotalGrossWeight" HeaderText="Total Gross Weight" 
        
                                DataType="System.Decimal" DataFormatString="{0:N}" HeaderStyle-Width="75px" ItemStyle-Width="75px" /> 
        
                            <telerik:GridBoundColumn DataField="CustomerImported" HeaderText="Customer Imported" 
        
                                DataType="System.String" HeaderStyle-Width="70px" ItemStyle-Width="70px" UniqueName="CustomerImported"/>  
        
                            <telerik:GridBoundColumn DataField="RollsReceived" HeaderText="Rolls Received" DataType="System.Int32" 
        
                                HeaderStyle-Width="55px" ItemStyle-Width="55px" /> 
        
                            <telerik:GridButtonColumn HeaderText="Receipt Errors" ButtonType="LinkButton" CommandName="ViewReceiptErrors" 
        
                                DataTextField="ReceiptErrors" DataTextFormatString="<nobr>{0}</nobr>" UniqueName="ViewReceiptErrors" 
        
                                HeaderStyle-Width="90px" ItemStyle-Width="90px" SortExpression="ReceiptErrors">  
        
                            </telerik:GridButtonColumn> 
        
                            <telerik:GridButtonColumn HeaderText="Transaction History" ButtonType="LinkButton" 
        
                                CommandName="ViewTransactionHistory" DataTextFormatString="<nobr>View Transactions</nobr>" 
        
                                UniqueName="ViewTransactionHistory" DataTextField="ManifestID" HeaderStyle-Width="110px" 
        
                                ItemStyle-Width="110px">  
        
                            </telerik:GridButtonColumn> 
        
                            <telerik:GridButtonColumn HeaderText="Error Description" ButtonType="LinkButton"   
        
                                CommandName="ViewErrorDescription" DataTextField="ReceiptErrors"   
        
                                DataTextFormatString="<nobr>{0}</nobr>" UniqueName="ViewErrorDescription"   
        
                                SortExpression="ReceiptErrors" HeaderStyle-Width="110px" 
        
                                ItemStyle-Width="110px">  
        
                            </telerik:GridButtonColumn> 
        
                        </Columns> 
        
                        <PagerStyle Mode="Slider" /> 
        
                    </MasterTableView> 
        
                    <ClientSettings AllowColumnHide="true">  
        
                        <ClientEvents OnCommand="grdManifest_OnCommand"   
        
                            OnRowMouseOver="grdManifest_RowMouseOver" 
        
                            OnRowContextMenu="grdManifest_RowContextMenu"/>  
        
                        <Selecting AllowRowSelect="true" /> 
        
                        <Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="330px" /> 
        
                    </ClientSettings> 
        
                </telerik:RadGrid>

Thanks,
Marie

Grid

answered on 29 Jun 2009

1 answer

208 views

Dynamically add GridDropDownColumn on DetailTable

I need a dropdown list column with a different datasource for each detail table, so I am programmatically adding a new column to each DetailTable when it gets databound. The column gets added but has no values in view/edit mode. Any ideas why the following code fails to populate the values?

    
                Private Sub radgrid1_DetailTableDataBind(ByVal source As Object, ByVal e As Telerik.Web.UI.GridDetailTableDataBindEventArgs) Handles radgrid1.DetailTableDataBind 
        
                    If e.DetailTableView.Name = "DetailTable2" Then 
        
                        Dim dropdownColumn As New Telerik.Web.UI.GridDropDownColumn() 
        
                        dropdownColumn.HeaderText = "Test" 
        
                        dropdownColumn.UniqueName = "dropdownColumn" 
        
                        dropdownColumn.DropDownControlType = GridDropDownColumnControlType.DropDownList 
        
                        e.DetailTableView.Columns.Insert(2, dropdownColumn) 
        
                    End If 
        
                End Sub 
        
                Private Sub radgrid1_ItemCreated(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles radgrid1.ItemCreated 
        
                    If e.Item.OwnerTableView.Name = "DetailTable2" Then 
        
                        If TypeOf e.Item Is GridEditableItem Then 
        
                            Dim item As GridEditableItem = DirectCast(e.Item, GridEditableItem) 
        
                            Dim dropdownColumn As GridDropDownColumn = DirectCast(item.OwnerTableView.Columns(2), GridDropDownColumn) 
        
                            Dim data As New Dictionary(Of String, String) 
        
                            data.Add("A", "A") 
        
                            data.Add("B", "B") 
        
                            dropdownColumn.FillValues(data, item) 
        
                        End If 
        
                    End If 
        
                End Sub

Grid

answered on 29 Jun 2009

1 answer

179 views

Closing tooltip on click of a Cancel button

Hi,

I am having a user control which contains two buttons SAVE & CANCEL and I am using that user control as radTooltip and this tooltip opens on a button click.
Here i want to close the tooltip on SAVE button click (after performing some operations) and on Cancel button click?
How to do this?

Thanks,

ToolTip

answered on 29 Jun 2009

1 answer

145 views

[Solved] Populate combobox on SelectedIndexChange client event of other combobox

i'm trying to trigger on demand download of one combobox on selectedindex change (Client side Javascript ) event of other combobox.
e.g.
on selected index change event of country i want to populate states in other combobox using WebMethod
here what i tried,
//Country combobox event
function onSelectedIndexChanged(sender, eventArgs) {
        var id = eventArgs._item.get_value();
       var ddlstate = $get('ddlStateComboBoxID');
        ddlstate.control._doLoadOnDemandFromWebService(id, { NumberOfItems: 0, Text: '', ID: id });
    }
It calls WebMethod and get result properly at client side.
But it is giving javascript error on callback. It seems it is not initializing other methods that required before calling _doLoadOnDemandFromWebService.
so using which method i can start populating State Combo box?

Also I'm using Grid. and inside that i have 2 comboboxes on each row. So i can not use <%= State.ClientID %> in javascript.
So I'm creating JSon object having Country combo Id as Name and State combo id as its value(Not shown in above example).
Is there any other better way to define relation.

thanks & regards,
Shailesh

Ajax

answered on 29 Jun 2009