Questions on UI for ASP.NET AJAX Forum

7 answers

492 views

Sys.webforms.PageRequestManagerServerErrorException

We are using the Telerik controls for our application. we are getting the following error when our application is idle for above 5 mins and do some server request.

Microsoft JScript runtime error:
Sys.WebForms.PageRequestManagerServerErrorException: An Unknown
error occured while processing the request on the server. The status code
returned from the server was: 12030

This error is occuring in the Telerik.Web.UI.... Please refer the screenshot attached for your reference.

Thanks in advance.

General Discussions

answered on 30 May 2011

1 answer

94 views

Telerik Script Error - possibly

The attached .demonstration page gives an invalid character error when opening a radWindow from client script.

<%

@ Page Language="C#" AutoEventWireup="true" CodeBehind="ASPXPage1.aspx.cs" Inherits="LoadPlanner.ASPXPage1" %>

<!

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<

html xmlns="http://www.w3.org/1999/xhtml">

<

head runat="server">

</

head>

<

body>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

function menuClick(sender, eventArgs) {

var item = eventArgs.get_item();

var text = item.get_text();

switch (text) {

case "New":

// ask 'Save changes?', clear form

break;

case "Open ...":

// open file dialog in new window

OpenFileExplorerDialog();

break;

}

return false;

}

function OpenFileExplorerDialog() {

var wnd = $find("<%= ExplorerWindow.ClientID %>");

wnd.show();

}

</script>

<telerik:RadMenu ID="RadMenu2" runat="server" onclientitemclicked="menuClick">

<Items>

<telerik:RadMenuItem runat="server" Text="File">

<Items>

<telerik:RadMenuItem runat="server" Text="New">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Open ...">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</div>

<telerik:RadWindow runat="server" Width="400px" Height="400px"

VisibleStatusbar="false" NavigateUrl="~/LoadPlans" ID="ExplorerWindow"

Modal="true" Behaviors="Close,Move" ViewStateMode="Disabled">

</telerik:RadWindow>

</form>

</

body>

</

html>

An extract of the relevant part of the automatically generated script file in which the error occurs is shown below

if

(this._dockMode){var k=$get(this.get_id()+"_C");

if

(k&&k.innerHTML){k.style.overflow="auto";

k.style.border=

"0px";

this

.set_contentElement(k);

this

.setWidthDockMode(this.get_width());

this

.setHeightDockMode(this.get_height());
///////////////////// my highlighting - offending statement shown in bold

}}

else{var o=($telerik.isIE)?document.createElement("<iframe name='"+c+"'>"):document.createElement("iframe");

o.name=c;

o.src=

"javascript:'<html></html>';";

o.style.width=

"100%";

o.style.height=

"100%";

o.style.border=

"0px";

o.frameBorder=

"0";

Rgds
Len Jones

Window

answered on 30 May 2011

4 answers

338 views

RadGrid in RadPane problem with 100% height

Hi,
I have RadGrid in RadPane in scenario same like this demo: http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridandsplitterresizing/defaultcs.aspx?product=grid

When I put this code to Content Page (under Master Page), RadGrid will shrink itself, ignoring its Height=100% parameter. This problem is reproductable when:

RadGrid is in ContentPage
RadGrid is in RadPane
RadGrid's height is set to 100%
RadGrid's Scrolling is on (<Scrolling AllowScroll="true" UseStaticHeaders="true" />)
RadGrid is Ajaxified by RadAjaxManager (RadAjaxManagerProxy)

When I shut off Ajax, everything is fine. I have only one RadAjaxManager in MasterPage in ContentPages I use RadAjaxManagerProxy. I send sample as attachment,

Code:

    
            <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> 
        
                <script type="text/javascript"> 
        
                    function ClientResized(sender, eventArgs) { 
        
                        $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>").ajaxRequest('ChangePageSize'); 
        
                    } 
        
                </script> 
        
                <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server"> 
        
                    <AjaxSettings> 
        
                        <telerik:AjaxSetting AjaxControlID="RadGrid1"> 
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                    </AjaxSettings> 
        
                </telerik:RadAjaxManagerProxy> 
        
                <telerik:RadSplitter ID="RadSplitter1" Width="100%" Height="100%" runat="server" Orientation="Horizontal" BorderSize="0" BorderStyle="None" PanesBorderSize="0" VisibleDuringInit="false"> 
        
                    <telerik:RadPane ID="gridPane" runat="server"  Width="100%" Height="60%" Scrolling="None" OnClientResized="ClientResized">            
        
                        <telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" GridLines="None"  Width="100%" Height="100%" UseStaticHeaders="true"  Style="border: 0; outline: none"> 
        
                        <ClientSettings><Scrolling AllowScroll="true" UseStaticHeaders="true" /></ClientSettings> 
        
                        <MasterTableView> 
        
                        </MasterTableView> 
        
                    </telerik:RadGrid> 
        
                    </telerik:RadPane> 
        
                    <telerik:RadSplitBar CollapseMode="Both" ID="RadSplitBar2" runat="server" EnableResize="True"></telerik:RadSplitBar> 
        
                    <telerik:RadPane ID="listBoxPane" runat="server" BackColor="#d9eeff"  Height="40%"> 
        
                        Bottom Pane 
        
                    </telerik:RadPane> 
        
                </telerik:RadSplitter> 
        
            </asp:Content>

Thank you for help!

Grid

answered on 30 May 2011

4 answers

88 views

horizontal Dock like Solutionexplorer of visualStudio

hi all
I want design RadDock like SolutionExplorer window of VisualStudio .net
which move left & right not up&down and can fixed it position

please tell me how can I do that

Dock

answered on 30 May 2011

1 answer

88 views

Issue with Client-Side Binding and multiple User Controls/Grids on a single page.

Hi Telerik experts,

Was wondering if I could get some help on this issue.

Have a Control Panel page with multiple 'filter' buttons.
What we want to do is put multiple Grids onto this single page
and hide/show them based on what 'filter' button is clicked.
(For reasons having to do with another issue I was having,
it's actually the Grid inside the Control that is being
shown/hidden.)

We do this by puttingmultiple User Controls (.ascx) on the page, each of which contains a Grid
and a RadCodeBlock with javascript to do client-side binding.

The issue is as follows:

You start the app, go to Control Panel page.
It defaults to 'Button1', shows the Grid1, and it works fine. The User Control loads, the Grid inside
the control is Data Bound.

The problem is when you click 'Button 2' and it tries to load a different control.
The Grid fails to databind. Checking the output I can see that the client side binding javascript
for the new control is there/compiled.

weird thing is, it only fails to bind the 'second time'.
After that, if you click 'Button 2' again (or any other button first then click 'Button 2'),
the Grid binds and displays correctly.

Each User Control looks something like this:

<telerik:RadCodeBlock ID="RadCodeBlock2" runat="server">
<script type="text/javascript">

        var headerView = null;
        var commandName = "";
        var entityTypeID = 3;
        var entityID = 154;

var detailsView = null;

        function m_rgPickupRequests_controlLoad(sender, args) {
            /*
            headerView = $find("<%= m_rgPickupRequests.ClientID %>").get_masterTableView();
            commandName = "Load";
            updateHeaderVirtualItemCount(0);
            var s = headerView.get_sortExpressions().toString();
            var filterState = $get("<%= m_hdnStateButtonType.ClientID %>").value;
            totalcontrol.Service.RequestsService.GetPickupRequestGridContents(
                entityTypeID,
                entityID,
                filterState,
                headerView.get_currentPageIndex() * headerView.get_pageSize(),
                headerView.get_pageSize(),
                headerView.get_sortExpressions().toString(),
                headerView.get_filterExpressions().toString(),
                updateHeaderGrid);
                */
        }

        function m_rgPickupRequests_Command(sender, args) {
            args.set_cancel(true);
            commandName = args.get_commandName();
            var filterState = $get("<%= m_hdnStateButtonType.ClientID %>").value;
            totalcontrol.Service.RequestsService.GetPickupRequestGridContents(
                entityTypeID,
                entityID,
                filterState,
                headerView.get_currentPageIndex() * headerView.get_pageSize(),
                headerView.get_pageSize(),
                headerView.get_sortExpressions().toString(),
                headerView.get_filterExpressions().toString(),
                updateHeaderGrid);
        }

        function m_rgPickupRequests_RowDataBound(sender, args) {
            var description = args.get_dataItem()["Description"];
            var cell = args.get_item().get_cell("Description");
            cell.style.cursor = 'pointer';
            setToolTip(cell, description);
        }

        function setToolTip(element, description) {
            var radToolTipManager = $find('<%= Parent.FindControl("m_rttToolTipManager").ClientID %>');
            if (!radToolTipManager) {
                return;
            }

            var tooltip = radToolTipManager.getToolTipByElement(element);
            if (!tooltip) {
                tooltip = radToolTipManager.createToolTip(element);
            }
        }

        function updateHeaderGrid(result) {
            headerView.set_dataSource(result);
            headerView.dataBind();
            var filterState = $get("<%= m_hdnStateButtonType.ClientID %>").value;
            if (commandName == "Filter" || commandName == "Load") {
                totalcontrol.Service.RequestsService.GetRequestGridContentsCount(
                    entityTypeID,
                    entityID,
                    filterState,
                    headerView.get_filterExpressions().toString(),
                    updateHeaderVirtualItemCount);
            }
        }

        function updateHeaderVirtualItemCount(result) {
            headerView.set_virtualItemCount(result);
        }

</script>
</telerik:RadCodeBlock>

<asp:ScriptManagerProxy ID="ScriptManager2" runat="server">
    <Services>
        <asp:ServiceReference Path="~/Services/RequestService.svc" />
    </Services>
</asp:ScriptManagerProxy>

<asp:HiddenField ID="m_hdnStateButtonType" runat="server" />

<telerik:RadGrid ID="m_rgPickupRequests" runat="server" AllowFilteringByColumn="true">
    <MasterTableView>
        <Columns>
   <....GridBoundsColumns....>
        </Columns>

    </MasterTableView>
<ClientSettings>
            <ClientEvents OnCommand="m_rgPickupRequests_Command"
            OnGridCreated="m_rgPickupRequests_controlLoad"
            OnRowDataBound="m_rgPickupRequests_RowDataBound"
            />
</ClientSettings>
</telerik:RadGrid>

Control Panel is something like so:

    <asp:Panel ID="m_pnlFilters" runat="server" CssClass="clear">
        <fieldset>
            <table style="display:inline">
                <tr>
                    <th>
                        Filter by Site/Department
                    </th>
                </tr>
                <tr>
                    <td>
                        <telerik:RadTreeView ID="m_rtvEntities" runat="server" CheckBoxes="true"
                            CheckChildNodes="true"
                            TriStateCheckBoxes="true"
                            Width="23em"
                            Height="8em"
                            BorderStyle="Solid"
                            BorderColor="Gray"
                            BorderWidth="1px">
                        </telerik:RadTreeView>
                    </td>
                </tr>
            </table>
            <table style="display:inline; margin-left: 2em">
                <tr>
                    <th>
                        Filter by User
                    </th>
                </tr>
                <tr>
                    <td>
                        <telerik:RadButton ID="m_btnAllItems" runat="server"
                            Text="All Items" ToggleType="Radio" GroupName="MyItemsFilters" Width="8em" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <telerik:RadButton ID="m_btnMyItems" runat="server"
                            Text="My Items Only" ToggleType="Radio" GroupName="MyItemsFilters" Width="8em" />
                    </td>
                </tr>
            </table>
            <table style="display:inline; margin-left: 2em">
                <tr>
                    <th colspan="3">
                        Filter by Status
                    </th>
                </tr>
                <tr>
                    <td>
                        <telerik:RadButton ID="button1" runat="server"
                            Text="Items In Use" ToggleType="Radio" GroupName="StateButtonFilters" Width="12em"
                            CommandName="Filter" CommandArgument="ItemsInUse" OnCommand="FilterStateButton_Command" />
                    </td>
                    <td>
                        <telerik:RadButton ID="button2" runat="server"
                            Text="Pending Pickup" ToggleType="Radio" GroupName="StateButtonFilters" Width="12em"
                            CommandName="Filter" CommandArgument="PendingPickup" OnCommand="FilterStateButton_Command"/>
                    </td>
                </tr>
  <table>
        </fieldset>
    </asp:Panel>

    <asp:Panel ID="m_pnlGridContainer" runat="server">
        <TC1:RequestGrid ID="m_ctlRequestGrid" runat="server" />
        <TC1:PickupGrid ID="m_ctlPickupRequestGrid" runat="server" />
        <TC1:QuoteGrid ID="m_ctlQuoteGrid" runat="server" />
    </asp:Panel>

Any help would be appreciated. Thanks!

Richard

Grid

answered on 30 May 2011

1 answer

203 views

Cancel SelectedIndexChanged event server-side

Hi

Is there any way to cancel a user selecting another row in a radgrid with server-side validation? I want to allow the user to select a row in the grid, but only if some other textboxes are valid.
eg:
Markup:

<asp:TextBox ID="txtDummy" runat="server" /> 



<

telerik:RadGrid ID="rgProjects" runat="server"

OnNeedDataSource="rgProjects_NeedDataSource"

OnSelectedIndexChanged="rgProjects_SelectedIndexChanged">

<ClientSettings Selecting-AllowRowSelect="true" EnablePostBackOnRowClick="true">

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

</ClientSettings>

</telerik:RadGrid>

Code behind:

protected void rgProjects_SelectedIndexChanged(object sender, EventArgs e)

{

Boolean result = CheckProjectChanges(txtDummy.Text);

if (result == true)

//continue with stuff - easy

else

//cancel row select! how??

}

Grid

answered on 30 May 2011

5 answers

106 views

Use of GridClientSelectColumn and then move data

Hi.

I have a grid with some data (registers) with a GridClientSelectColumn.

When I have selected the desired registers I have I use the following function to access to the selected data:

function GetSelectedItems() {
elems = $find("<%= leftGrid.MasterTableView.ClientID %>").get_selectedItemss();
}

At this point, I want to make an AJAX call for move the selected registers to another place (like another grid) or make some INSERTs into a concrete table at a database.

How can I get the selected rows to pass them to the server-side?

Best regards

Grid

answered on 30 May 2011

1 answer

83 views

ExpandCollapseColumn

Hi,

I have a grid with many columns and the header is custom header..As Telerik does not support FrozenColumn with Custom headers so i am going for the next option that is ExpandCollapseColumns where user can click on the column he want to view and it expands and collpases accordingly..But i dont see any good expample.

Can you please help me with this as early as possible.

I just want a grid where colmns can be clicked for expanding and collapsing like the rows do.

Grid

answered on 30 May 2011

1 answer

99 views

Loading Panel for update initiated by close of RadWindow

Hello,

I've got a web form that opens a rad window. When the user closes the rad window the web form controls gets updated. This update takes a while so I'd like to have a loading panel display on the web form so that the user knows that something is happening.

Can you help with this?

-Dan

Window

answered on 30 May 2011

3 answers

163 views

Different data source for each column

Hello guys.

Is there a way to use a different source for each column is a list view?

For example, I have a listview with 5 columns, I'll receive 5 tables from the database (dataset). I would like to set each column to get data from each database table.

Does anyone know how I do this?

Column 1 Column 2 Column 3 Column 4 Column 5
userA, idA userB, idB userC, idC userD, idD userE, idE
userF, idF userG, idG   userH, idH userI, idI
userJ, idJ userK, idK userL, idL
userM, idM userN, idN
userO, idO userP, idP
userQ, idQ
userR, idR
userS, idS
userT, idT

ListView

answered on 30 May 2011