Questions on UI for ASP.NET AJAX Forum

1 answer

228 views

asynchronous postback inside radGrid editForm userControl

my page (productionEntry.aspx) has a radGrid which contains a radAjaxManager whose settings allow for asynchronous postbacks of the radGrid:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGridProductionOrders">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGridProductionOrders" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

so RadGridProduictionOrders asynchronously posts back, which is fine.
now, however, the radGrid's editForm is a popup user control, and what i'd like to accomplish is to asynchronously postback some of the user control's content.
i have tried doing this with a radAjaxManagerProxy and a radAjaxPanel together and with each by itself inside the user control. each time the page asynchronously posts back according to the settings in the radAjaxManager from the productionEntry.aspx page.
this was the markup for the radAjaxManagerProxy in the user control. the content that i wanted to post back was inside Panel1:

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="Panel1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Panel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

how do i need to setup the page and/or user control to accomplish what i need?

Ajax

answered on 22 Mar 2013

1 answer

89 views

[Solved] How do I use a RadAjaxPanel in this scenario?

Please ignore this post. Just found the answer.

http://www.telerik.com/community/forums/aspnet-ajax/grid/radgrad-how-to-populate-dropdown-with-selection-from-another-dropdown-in-editform.aspx

Apologies to one and all (and I clearly need to find some more coffee...)

I have a RadGrid that edits records using the FormTemplate method. So far, so good.

Now I've been told that I have to add a dropdown and that SelectedIndexChange event must update two other controls in the editing FormTemplate (only those two controls). This is intended to be the same as the setup in another screen that's already working, although not within a RadGrid.

What I've done so far is put that dropdown and the other two controls, RadComboBoxes, in a RadAjaxPanel within the FormTemplate.
(My Ajax experience so far is limited to putting controls within a RadAjaxPanel so they don't affect the rest of the page.)

The SelectedIndexChange fires but at this point I have no idea how to access the other dropdowns in order to refresh them.

Suggestions?

Grid

answered on 22 Mar 2013

3 answers

55 views

GridLines Don't Work in IE9

I've read dozens of postings on the issues of why Vertical Gridlines are not appearing when I set: GridLines="Both"

But nothing works. The property does work properly in Microsoft's GridView control but not in RadGrid.

I do not use any skins with RadGrid.

How do I get GridLines to appear?

Robert

Grid

answered on 22 Mar 2013

4 answers

112 views

Grid ClientSettings AllowScroll and width issues

We have a grid with quite a few columns that we want to fit into a 1024x768 screen.

The grid is inside an html table cell (for certain reasons we have to do it using html tables). The table has 4 columns, and the grid is in the second column with a colspan of 3

<tr>

<td>

</td>

<td colspan="3" style="max-width:895px;">

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" CellSpacing="0"

GridLines="Vertical" Height="285">

<ClientSettings>

<Scrolling AllowScroll="true" UseStaticHeaders="true"/>

</ClientSettings>

stuff ommitted for readability

</td>

</tr>

The problem now is, the grid goes extra long (as in wide).

As seen in the attached images, when a fixed width is specified for the grid (width=895px;) then the grid width fits, but there is a horizontal scroll bar that we don't want.

When there is no fixed width specified for the grid, then the grid goes past the width of the table/cell/etc, requiring the user to horizontally scroll on the browser window.

Screenshots were taken using IE9.

I also note that when we remove the Client Settings Scrolling AllowScroll, then it fits fine without a width specified for the grid. But obviously it would not show a specific height for the grid. Basically we want the grid to have a specific height regardless of how many rows of data it has (0, 1, 2, 400, etc).

Is there a way to get this to work?

Grid

answered on 22 Mar 2013

10 answers

462 views

scrollIntoView not working

I am using "ServerSide" expand mode and using the following code to scroll to the last expanded node, but it is not working:

        function ScrollToSelectedNode()
        {
                var tree = $find("<%= RadTreeView1.ClientID %>");
                //this was not working. so i used a hidden control to store the value of the last node clicked.
                //var selectedNode = treeviewInstance.SelectedNode;
                //The value of the expandedNode is set in the RadTreeView1_NodeExpand event on the server side
               var selectedNode = tree.findNodeByValue(document.getElementById("expandedNode").value);
               if (selectedNode != null)
               {
                selectedNode.select();
                selectedNode.scrollIntoView();
                //window.setTimeout(function() { selectedNode.scrollIntoView(); }, 200);
                }
        }

I will appreciate if you please help me out here.

TreeView

answered on 22 Mar 2013

1 answer

77 views

get listboxitem

Hi,

how can I get the specified item of a RadListBox using the index?

Thanks

ListBox

answered on 22 Mar 2013

13 answers

464 views

RadGrid DetailTable Not Updating on Datasource Change

Hello, I am having trouble with a detail table in my hierarchical radgrid not updating to show the appropriate columns. I do have an AjaxManager on the page, but I am changing the datasource through a button click event not monitored by the AjaxManager. The colums are autogenerated, and on the columncreated method, HTMLEncode is set to true for GridBoundColumns. I looked into rebinding, needdatasource, and altering the viewstate with no luck.

The datasource I am using can be switched from a detailed to a summary view, so that columns that used to be in the radgrid should be removed on databind. Currently, the columns remain and are empty. I would guess that they are assigned null values.

ASPX

<telerik:RadGrid ID="rdgGridView" runat="server" AllowSorting="true" DataSourceID="datasource1" AutoGenerateColumns="false" AllowPaging="true" EnableViewState="true">

<MasterTableView DataSourceID="datasource1" DataKeyNames="ID" AutoGenerateColumns="false">

<DetailTables>

<telerik:GridTableView Name="Detail" runat="server" AutoGenerateColumns="true" AllowSorting="true">

<columns>

<telerik:GridTemplateColumn>

<HeaderTemplate>Link</HeaderTemplate>

<ItemTemplate><asp:LinkButton ID="LB" runat="server" Text="text" /></ItemTemplate>

</telerik:GridTemplateColumn>

</columns>

</DetailTables>

</MasterTableView>

</telerik:RadGrid>

VB

Private Sub Submit_Click(ByVal sender As System.object, ByVal e As System.EventArgs) Handles Submit.Click

rdgGridView.MasterTableView.DetailTables(0).DataSource = Nothing

rdgGridView.DataBind()

End Sub

Private Sub rdgGridView_DetailTableDataBind(ByVal sender As System.object, ByVal e As GridDetailTableDataBindEventArgs) Handles rdgGridView. GridDetailTableDataBindEventArgs

'Modify datasource

rdgGridView.MasterTableView.DetailTables(0).DataSource = DataSource

End Sub

So any thoughts would be appreciated.

Grid

answered on 22 Mar 2013

1 answer

122 views

Hide an entire Series Client-side...possible?

Hello,

I have a dynamically built HTMLChart (Line type) that I am pre-populating with multiple series of data via SQL. Would I would like to be able to do is load the data and all of the series at one time, but then have an option via JavaScript show or hide a particular series or combination of series without making another db call to rebuilt the whole chart. Is this possible?

Regards,

Steve

Chart (HTML5)

answered on 22 Mar 2013

17 answers

488 views

GroupByExpression & LINQ to SQL Sub-Object Member Properties

Simply put, I am not able to group on a child object's property in my LINQ to SQL datasource. I am able to bind, sort, and filter on the property but not group by it. Here is the the template column in question. Note: all works save the GroupByExpression. I have yet to find a solution, some direction is welcome.

    
            <telerik:GridTemplateColumn  
        
                HeaderText="DC" 
        
                SortExpression="Dc.Name" 
        
                UniqueName="DC" 
        
                GroupByExpression="Dc.Name [DC] Group By Dc.Name">  
        
                <EditItemTemplate> 
        
                    <telerik:RadComboBox  
        
                        ID="cboDc" 
        
                        runat="server" 
        
                        DataSourceID="ldsDcs" 
        
                        DataValueField="DcID" 
        
                        DataTextField="Name" 
        
                        SelectedValue='<%# Bind("DcID") %>'>  
        
                    </telerik:RadComboBox> 
        
                </EditItemTemplate> 
        
                <ItemTemplate> 
        
                    <%# Eval("Dc.Name") %>&nbsp;  
        
                </ItemTemplate> 
        
            </telerik:GridTemplateColumn>

Error message received:

Line: 605
Char: 13
Error: Sys.WebForms.PageRequestManagerServerErrorException: Field
Dc.Name not found in the source table. Please check the expression
syntax.
Code: 0

Thanks,
Chris

Grid

answered on 22 Mar 2013

1 answer

84 views

disable addnewrecord button in edit mode

How to disable the addnewrecord button when grid is inedit mode?

Grid

answered on 22 Mar 2013

	<telerik:GridTemplateColumn
	HeaderText="DC"
	SortExpression="Dc.Name"
	UniqueName="DC"
	GroupByExpression="Dc.Name [DC] Group By Dc.Name">
	<EditItemTemplate>
	<telerik:RadComboBox
	ID="cboDc"
	runat="server"
	DataSourceID="ldsDcs"
	DataValueField="DcID"
	DataTextField="Name"
	SelectedValue='<%# Bind("DcID") %>'>
	</telerik:RadComboBox>
	</EditItemTemplate>
	<ItemTemplate>
	<%# Eval("Dc.Name") %>
	</ItemTemplate>
	</telerik:GridTemplateColumn>