Questions on UI for ASP.NET AJAX Forum

43 answers

3.8K+ views

Radgrid not refreshing after ajax and rebind

Hi,

I have a main page with a radgrid. Double clicking the grid opens up a radwindow that lets the users edit the grid row data. I want the grid on the parent page to refresh without having to do a full page refresh. I tried the Ajax call. Everything seem to work as expected. But the grid does not seem to refresh. I can debug the code and see that the server side code does fireup and the grid rebinds successfully. It just does not show up on screen. Here is my code.

On the main page, I have the AJAX manager as below.

<

telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="grdAdminList" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>

Here is the server side code:

protected void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)
{
if (e.Argument == "Rebind")
{
grdAdminList.Rebind();
}

Here is the code that I have on my radwindow close:
This function calls the actual refreshGrid function that is on the main page.

function

refreshGrid()
{
GetRadWindow().BrowserWindow.refreshGrid();
}

Main page function:
function refreshGrid()
{
$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("Rebind");
}

What am I missing here?

Thanks!
vithiya

Grid

answered on 09 Jan 2017

10 answers

321 views

Radgrid filtermenu all styles is lost

Greetings, I am curious thing is happening with a grid:

The fact is that they're missing all the filtering menu styles, displayed no borders, no background color or mouse pointer, etc.

Actually I have searched everywhere and can not find any solution.

This problem is presenting with any skin you use, and the only thing different I've done is to translate the texts of the menu and nothing else.

Attached image problem

Any ideas?

Grid

answered on 09 Jan 2017

6 answers

121 views

[Solved] Unable to resize Radgrid columns in IE 11

Hi, I am currently using RadGrid version 5.1.1.0 in my project. Though I have set certain settings i.e.

AllowColumnResize="true"

ResizeGridOnColumnResize="true"

ClipCellContentOnResize="true"

EnableRealTimeResize="true

to True. The grid doesn't allow me to resize the columns in IE 11, however, the same renders properly in Google Chrome.

Can you guys let me know if this is a known issue with RadGrid control.

General Discussions

answered on 09 Jan 2017

3 answers

188 views

Enabling filtering causes skin problems with Radmenu

I have a Radmenu with EnableEmbeddedSkins="false" in my master page. Everything works fine until that menu is used with a Radgrid that utilizes column filtering via AllowFilteringByColumn="True". The Radgrid uses the embedded skin (i.e. not using EnableEmbeddedSkins="false"). It seems that the grid makes the Radmenu on the Masterpage ignore the modified skin that I've created and must be using the internal Grid skin.

How can I fix this? For what its worth, both are using the Web20 skin. Again, the Radmenu is the only one I've modified via Menu.Web20.css in my App_Themes folder. Everything else is using the standard embedded skin.

Any ideas?

Grid

answered on 09 Jan 2017

2 answers

196 views

Horizontal scroll bar not working in IE11 when grid resize

Hi, we have an issues with rad grid resizing and this issue is only in IE11 in chrome its working perfectly.

This is the grid client settings and mastertable view code:

<telerik:RadGrid ID="grdInvoiceList" CssClass="" Skin="MetroTouch" Width="100%"

runat="server" AutoGenerateColumns="false" PagerStyle-HorizontalAlign="Right" AllowCustomPaging="true"

AllowPaging="true" AllowFilteringByColumn="true" AllowSorting="true" EnableHeaderContextMenu="true"

OnNeedDataSource="grdInvoiceList_NeedDataSource" OnItemDataBound="grdInvoiceList_ItemBound"

OnItemCreated="grdInvoiceList_ItemCreated" EnableLinqExpressions="false" OnPreRender="grdInvoiceList_PreRender">

<GroupingSettings CaseSensitive="false" />

<ExportSettings FileName="Invoice_Details" OpenInNewWindow="true" ExportOnlyData="true"

IgnorePaging="true">

</ExportSettings>

<ClientSettings Resizing-AllowColumnResize="true" AllowAutoScrollOnDragDrop="true" Resizing-AllowResizeToFit="true" Resizing-EnableRealTimeResize="true">

<Scrolling AllowScroll="True" SaveScrollPosition="true"></Scrolling>

<Selecting AllowRowSelect="true" />

<ClientEvents OnColumnResized="ColumnResized" />

<ClientEvents OnColumnShown="ColumnShown" />

<ClientEvents OnColumnHidden="ColumnHidden" />

<ClientEvents OnRowContextMenu="RowContextMenu" />

</ClientSettings>

<HeaderStyle Width="150px"></HeaderStyle>

<MasterTableView Width="100%" AutoGenerateColumns="false" EditMode="InPlace" AllowFilteringByColumn="True" TableLayout="Auto">

1, check image "IE-grid-1.png " once we land on the page we can see the scroll bar and we can scroll left to right without issues in IE.

2, now check "IE-grid-2.png" i just resized the grid header now the scroll bar disappeared. i will not get the scroll bar unless i reload the page.

is there a solution to resolve this issue? we are using telerik 2014.1.403.40.

Grid

answered on 09 Jan 2017

9 answers

566 views

File Upload using RadAjaxPanel, RadAjaxLodingPanel and RadAjaxManager

Hi,

I'm using RadUpload to upload the photo.

After I selected the photo and click the Upload Button, I want to refresh the image in DataList only by using RadAjaxPanel, RadAjaxLodingPanel and RadAjaxManager.

I don't want the whole page doing the postback. How can i do that?

    
            <telerik:RadUpload ID="uplPhoto" runat="server" ControlObjectsVisibility="None" MaxFileInputsCount="1" > 
        
                    </telerik:RadUpload> 
        
                    <asp:Button ID="btnUpload" runat="server" Text="Upload" onclick="btnUpload_Click" /> 
        
            <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">  
        
                    <asp:DataList ID="dtlPhoto" runat="server" DataKeyField="CreatedBy"   
        
                        DataSourceID="odsPhoto" RepeatDirection="Horizontal" RepeatColumns="3"   
        
                        onitemdatabound="dtlBlogPhoto_ItemDataBound">  
        
                        <ItemTemplate> 
        
                            <img id="img1" alt="" src='<%# Eval("Location") %>' /> 
        
                        </ItemTemplate> 
        
                    </asp:DataList> 
        
                    </telerik:RadAjaxPanel> 
        
            <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">  
        
                        <AjaxSettings> 
        
                            <telerik:AjaxSetting AjaxControlID="btnUpload">  
        
                                <UpdatedControls> 
        
                                    <telerik:AjaxUpdatedControl ControlID="dtlPhoto"   
        
                                        LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                                </UpdatedControls> 
        
                            </telerik:AjaxSetting> 
        
                        </AjaxSettings> 
        
                    </telerik:RadAjaxManagerProxy> 
        
                    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">  
        
                    </telerik:RadAjaxLoadingPanel>

Thanks.

Regards,
Jessie

Ajax

answered on 07 Jan 2017

3 answers

904 views

[Solved] Forcefull postback on button click on page using RadAjaxPanel

I am using RadAjaxPanel and want that a particular button on this page should cause postback. How can i do that?

Ajax

answered on 07 Jan 2017

4 answers

757 views

[Solved] RadAjaxPanel vs. RadAjaxManager

Hi guys,

I've been put in a situation where I need to consider which is the best solution, using RadAjaxPanel or RadAjaxManager. My site has mostly dynamically created controls, added to the page on server-side. Since I wanted to have AJAX on them, most of them are placed inside RadAjaxPanels. There are quite a few controls that interact with each other and AjaxPanel seemed the simple and logical way to handle AJAX requests between them.

However, I'm wondering if using AjaxManager would be better in terms of performance. Are there any situations when using RadAjaxManager is more desirable and efficient than putting the controls in question in a RadAjaxPanel?

Cheers,
Andrei

Ajax

answered on 07 Jan 2017

25 answers

1.7K+ views

Responsive Design

Does the RadGrid come withany out of the box fuctionallity for responsive Design.

Or how would you go about it if you want to have Screens lager then 1024 and those smaller show different grids, or remove some colums for smart phones?

Markus

Grid

answered on 06 Jan 2017

11 answers

407 views

stop wrapping of filter text box

1. The first filter (for a date column) wraps, such that the filter icon is below the text box instead of to the right.
How can I resize or keep it from wrapping? I tried many different filter sizes in the aspx and TableLayout="auto"
and TableLayout="fixed". It looks like there is not enough space for the text box, the date picker icon, and the filter icon.

2. I tried this technique:
http://www.telerik.com/help/aspnet-ajax/grdsettingfiltertextboxdimensions.html

But I do not know what value to use for "ContactName" in:
TextBox box = filteringItem["ContactName"].Controls[0] as TextBox;

I tried the Unique Name for the GridDateTimeColumn but it did not work

3. I tried this technique. It executed without error, but it did not change anything. Do I need to delete the size declarations in the aspx? Or does this code override?
http://www.telerik.com/community/code-library/aspnet-ajax/grid/filter-textbox-sizing.aspx

4. aspx below

<rad:RadGrid ID="RadGrid1" Font-Size="Smaller" runat="server" PageSize="40" AllowPaging="True"
AutoGenerateColumns="False" ShowStatusBar="True" GridLines="None" MasterTableView-NoMasterRecordsText="No records; try different settings"
DataSourceID="MasterDatasource1" OnInit="RadGrid1_Init" AllowFilteringByColumn="True" AllowSorting="True"
Width="989px" OnItemCreated="RadGrid1_ItemCreated" >
<PagerStyle Mode="Slider" />
<ClientSettings>
<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True">
</Scrolling>
<Selecting AllowRowSelect="true" />
</ClientSettings>
<MasterTableView AutoGenerateColumns="False" Width="100%" DataKeyNames="Day" TableLayout="auto">
<ExpandCollapseColumn Visible="True"></ExpandCollapseColumn>
<Columns>
<rad:GridDateTimeColumn DataField="Day" HeaderText="Day" UniqueName="Day" ReadOnly="true" DataFormatString="{0:d}"
PickerType="DatePicker" FilterControlWidth="90px" >
<HeaderStyle Width="160px" />
<ItemStyle Width="160px" />
</rad:GridDateTimeColumn>
<rad:GridBoundColumn DataField="MinPerPickTicket" HeaderText="MinPerPickTicket" UniqueName="MinPerPickTicket" ReadOnly="true" DataFormatString="{0:#,###.##}" FilterControlWidth="50px" >
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="SecPerPickLin" HeaderText="SecPerPickLin" UniqueName="SecPerPickLin" ReadOnly="true" FilterControlWidth="50px" >
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="SecPerQtyToPick" HeaderText="SecPerQtyToPick" UniqueName="SecPerQtyToPick" ReadOnly="true" FilterControlWidth="50px" >
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="PickDuration" HeaderText="PickDuration" UniqueName="PickDuration" ReadOnly="true" FilterControlWidth="50px" >
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="NumPickTicket" HeaderText="PickTicket" UniqueName="NumPickTicket" ReadOnly="true" FilterControlWidth="50px" >
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="NumPickLin" HeaderText="PickLine" UniqueName="NumPickLin" ReadOnly="true" FilterControlWidth="50px" >
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="QtyToPick" HeaderText="ToPick" UniqueName="QtyToPick" ReadOnly="true" FilterControlWidth="50px" >
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="QtyPicked" HeaderText="Picked" UniqueName="QtyPicked" ReadOnly="true" FilterControlWidth="50px" >
</rad:GridBoundColumn>
</Columns>
<DetailTables>
<rad:GridTableView DataSourceID="DetailDataSource1" Name="DS1Detail"
CellSpacing="-1">
<ParentTableRelation>
<rad:GridRelationFields DetailKeyField="Day" MasterKeyField="Day" />
</ParentTableRelation>
<Columns>
<rad:GridBoundColumn DataField="PickTicket" HeaderText="PickTicket" UniqueName="PickTicket">
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="PickDurationSecPerPickLin" HeaderText="PickDurationSecPerPickLin" UniqueName="PickDurationSecPerPickLin">
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="PickDurationSecPerQtyToPick" HeaderText="PickDurationSecPerQtyToPick" UniqueName="PickDurationSecPerQtyToPick">
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="PickDurationSec" HeaderText="PickDurationSec" UniqueName="PickDurationSec">
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="NumPickLin" HeaderText="NumPickLin" UniqueName="NumPickLin">
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="QtyToPick" HeaderText="QtyToPick" UniqueName="QtyToPick">
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="QtyPicked" HeaderText="QtyPicked" UniqueName="QtyPicked">
</rad:GridBoundColumn>
</Columns>
</rad:GridTableView>
</DetailTables>
</MasterTableView>
</rad:RadGrid>

Grid

answered on 06 Jan 2017