Questions on UI for ASP.NET AJAX Forum

5 answers

56 views

Wrapping panes in Ajax stops it binding to RadScheduler.



I have the following code below At the top of the page I have a collapsible 

panel within the panel is an ASP Accordion with a total of 5 ASP Accordion 

panes.



When it runs it does a post back on the whole page and binds the info to the 

Rad Scheduler which is great.



But when I ajax the aspx page, first using ASP panels which didn't work 

then using telerik:radAjaxPanels it stops binding the appointments data to 

the Rad Scheduler which I can't work out. 



So when I remove the panels it works but when I add the panels it stops 

working.



I want each pane to post back then for the rad scheduler to post back, 

instead of the whole page doing a post back of both controls.



Any Suggestions



Thanks - John M 




<asp:Accordion>
<asp:AccordionPane ID="AccordionPane1" runat="server""> 
            <Content>
              <telerik:RadAjaxPanel ID="PanelStaff" runat="server" LoadingPanelID="RadAjaxLoadingPanel2">       
                   <asp:TextBox ID"StaffTextBox" runat="server"/>
                   <asp:Button ID="StaffSearchButton" runat="server"/>
             </telerik:RadAjaxPanel>
           </Content>
<asp:AccordionPane>
</asp:AccordionPane>
  
//I have 5 of these Accordion panes I want to have RadAjaxPanel in each Accordion pane.
  
<telerik RadScriptManager ID="Radscriptmanager1" runat="server">
<scripts>
</scripts>
</telerick:RadScriptManager>
  
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadScheduler1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="PanelStaff" LoadingPanelID="RadAjaxLoadingPanel2" />
                    <telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" />
                    <telerik:AjaxUpdatedControl ControlID="RadToolTipManager1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
  
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1" HorizontalAlign="NotSet">
    <telerik:RadScheduler ID="RadScheduler1" >
    //Do Stuff
     </telerik:RadScheduler>
</telerik:RadAjaxPanel>

Scheduler

answered on 11 Oct 2012

1 answer

104 views

RadGrid Excel-Export in LoadingPanel in ModalDialog

Hello,

I am trying to fix this issue since a few days, but I didn't find a solution. I hope you can help me.
I have a RadGrid and the Excel-Export worked fine. Then I put a RadAjaxPanel with RadAjaxLoadingPanel around it, and it stopped working. I have an asp:Button that starts the export. This button is in the panel too. I tried several solutions I found in this forum and the internet but none worked for me.

Either the error is like that:
The button-click exports the excel correct, but after that, the button is "dead". Nothing happens if you click it a second time. There are other controls in the panel (RadDatePicker) and they doesn't work too after the excel export.

Or the error is like that:
I click the export-button and then the loading icon appears. After a while it disappears but no excel is exported (but the controls are not "dead").

So either I have dead controls or nothing happens.

Does someone have an example code or a link for me?

I work in Sharepoint 2010 in a ModalDialog. Maybe this is why it is not working as expected?

Thank you!

Grid

answered on 11 Oct 2012

1 answer

55 views

Show search results with SPRadGrids

Hi all,

do you know if it would be possible to use SPRadGrids to show search results items ?
I'v a list with a lot of items and wanted to customize the search results to show the result into a grid, and I would like the user to be able to sort and filter the results.

Thanks for your answers,

Steve

Sharepoint Integration

answered on 11 Oct 2012

0 answers

133 views

How to control on the size of telerik.js?

Hi problem solver,

Within website, I have one page having size about 2 MB. Hence it take time to load. I already tried view state minimization and other options.
I used Telerik RadGrid control and RadComboBoxes within this page. Now, if you see the attached screen, telerik.js take 731 KB within that 2 MB. Means telerik.js take almost half space within 2 MB. Is their any way to control size of run time generated telerik.js ?

General Discussions

asked on 11 Oct 2012

1 answer

92 views

Alert displaying only when I publicsh

I get error message on page where I have RadUpload control:

RadUpload Ajax callback error. Source url returned invalid content:
<html>
    <head>
        <title>The resource cannot be found.</title>
        <style>
         body {font-family:"Verdana";font-weight:normal;font-size: .7em;color:black;}
         p {font-family:"Verdana";font-weight:normal;color:black;margin-top: -5px}
         b {font-family:"Verdana";font-weight:bold;color:black;margin-top: -5px}................

I get this error message only when I publish application on sever. When I run it from visual studio from my computer it works fine.
I have original version of telerik: Telerik_2012_Q2_912
Other controls work fine. Shluld I change something for server version?

Thanks,
Matej

AsyncUpload

answered on 11 Oct 2012

1 answer

73 views

Changing RadToolTip Skin on the Client

Hi there,
is there any way of changing the current Skin of a RadToolTip on the client using jscript?

Thanks!

ToolTip

answered on 11 Oct 2012

4 answers

152 views

Horizontal Line Separator in RadSiteMapNode

I have a RadMenu which uses different types of drop-down menus. In this example the "Lists & Libraries" menu is a dynamic menu pulling from the SiteMapDataSource. As you can see it lists the titles and sub-content from the site. However, when using a Site Map control for the "Tools & Resources" the title of each group has a horizontal line separating it from the content of that group. I want these different types of menu to look exactly the same. How do I accomplish this? What would be optimal is to include this horizontal line in every menu title, but if this is not possible I would settle for removing the horizontal line from every menu title. Any ideas?

thanks
Alex Dove

Menu

answered on 11 Oct 2012

3 answers

217 views

Remove AjaxSetting

I am dynamically ajaxing controls but how can I remove the ajax from the control later on? Is there a way I can query the ajaxmanager for a control id and remove all the ajax settings just for that control?

RadAjaxManager1.AjaxSettings.AddAjaxSetting(control1, control2)

Ajax

answered on 11 Oct 2012

1 answer

104 views

RadScriptManager can't load at first

I turned my Login page to Telerik Components. There some problems!
At first, when I saved the password by browser, RadTextBox.Text was empty. That's why I turned back to asp TextBoxes.

Than I found that published website at first load at IIS server throw the Console Errors.
At second time all was complete.

I try to fix and understand the problem, but I can't. Please, help as fast as possible!

Here is my used telerik components and their properties:

<form id="Login" method="post" runat="server">

<telerik:RadScriptManager ID="ScriptManagerLogin" runat="server" LoadScriptsBeforeUI="False">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js"/>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js"/>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js"/>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js"/>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js"/>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js"/>

</Scripts>

</telerik:RadScriptManager>

//First Window

<telerik:RadWindow runat="server" Modal="True" VisibleOnPageLoad="true" Height="260px" Width="284px" Behaviors="Move" VisibleStatusbar="False" ID="RadWindowLogin" Title=" Account Information" EnableShadow="false" Behavior="None">

<ContentTemplate>

<div align="center">

<table width="258px">

<tr>

<td style="width:70px;">

<asp:Label ID="labelDomainInfo" runat="server" Text="Domain:" ForeColor="Gray" />

</td>

<td style="text-align: center;">

<asp:TextBox ID="TextBoxDomain" runat="server" Width="180px" />

</td>

</tr>

<tr>

<td style="width:70px;">

<asp:Label ID="labelUserInfo" runat="server" Text="Username:" ForeColor="Gray" />

</td>

<td style="text-align: center;">

<asp:TextBox ID="TextBoxUsername" runat="server" Width="180px" />

</td>

</tr>

<tr>

<td style="width:70px;">

<asp:Label ID="labelPasswordInfo" runat="server" Text="Password:" ForeColor="Gray" />

</td>

<td style="text-align: center;">

<asp:TextBox ID="TextBoxPassword" runat="server" Width="180px" TextMode="Password" />

</td>

</tr>

</table>

<table width="258px">

<tr>

<td style="width:40%;">

<asp:CheckBox ID="CheckBoxPersist" runat="server" Text=" Persist Cookie " TextAlign="Left" Font-Size="Small" ForeColor="Gray" />

</td>

<telerik:RadButton ID="ButtonLogin" runat="server" Text="Login" OnClick="ButtonLoginClick" Width="60px">

</telerik:RadButton>

</td>

</tr>

</table>

<asp:Label ID="LabelError" runat="server" ForeColor="#FF3300" ClientIDMode="Static" />

</div>

</ContentTemplate>

</telerik:RadWindow>

//second window: if no root group select

<telerik:RadWindow ID="RadWindowSelectRoot" runat="server" Modal="True" VisibleOnPageLoad="false" AutoSizeBehaviors="Default" Behaviors="Move" VisibleStatusbar="False" Title=" Select Admin Group, Please" Height="500px" Width="500px">

<ContentTemplate>

<div align="center">

<table>

<tr>

<td rowspan="2">

<telerik:RadListBox ID="RadListADGroups" runat="server" DataKeyField="Id" DataSourceID="ObjectDataSourceADGroup"

DataTextField="Name" EmptyMessage="Active Directory is missing" ClientIDMode="Static"

Height="420px" PersistClientChanges="False" TransferMode="Copy" Width="400px" />

</td>

<td style="height: 80px;">

<telerik:RadButton ID="RadButtonAddRoot" runat="server" Text="Enter" Height="60px" Width="60px" OnClick="RadButtonAddRootClick">

</telerik:RadButton>

</td>

</tr>

<tr>

<td style="width: 100px;">

<asp:Label ID="LabelMessage" runat="server" ForeColor="#FF3300" ClientIDMode="Static" />

</td>

</tr>

</table>

</div>

<asp:ObjectDataSource ID="ObjectDataSourceADGroup" runat="server" SelectMethod="SelectADGroups" TypeName="Scheduler.WebClient.ADGroup" />

</ContentTemplate>

</telerik:RadWindow>

</form>

Ajax

answered on 11 Oct 2012

3 answers

390 views

Uncheck does not clear checkbox for moved items

Hello,

I have listbox with checkboxes.
I need to select/deselect item when checkbox is checked/unchecked and check/uncheck checkbox when item is selected/deselected.
I have implemented this by adding handlers to OnClientSelectedIndexChanged and OnClientItemChecked events.

<script type="text/javascript">

var lock;

var SelectedIndexChanged = function (sender, event) {

if (!lock) {

lock = true;

var item = event.get_item();

var listbox = item.get_listBox();

item.check();

var selectedItems = jQuery.makeArray(listbox.get_selectedItems());

var checkedItems = listbox.get_checkedItems();

var diffItems = [];

for (var i = 0; i < checkedItems.length; i++) {

if (jQuery.inArray(checkedItems[i], selectedItems) == -1) {

diffItems.push(checkedItems[i]);

}

for (var i = 0; i < diffItems.length; i++) {

diffItems[i].uncheck();

}

lock = false;

}

var ItemChecked = function (sender, event) {

lock = true;

var i = event.get_item();

i.set_selected(i.get_checked());

lock = false;

}

</script>



<asp:ScriptManager ID="sc" runat="server">

    </asp:ScriptManager>

    <telerik:RadListBox ID="lstbx1" runat="server" AllowDelete="false" AllowReorder="true"

        CheckBoxes="true" AllowTransfer="false" AutoPostBack="false" DataKeyField="ID"

        DataTextField="Name" DataValueField="ID" SelectionMode="Multiple"

        EnableDragAndDrop="true" Height="210" Width="250" 

        OnClientSelectedIndexChanged="SelectedIndexChanged"

        OnClientItemChecked="ItemChecked">

        

    </telerik:RadListBox>

It works fine when single or multiple items are selected.
But it does not work if items were moved by buttons or by mouse.
When item "N1" (for example) is moved and then I select other item, listbox.get_checkedItems() returns this item and then I do uncheck for it in SelectedIndexChanged handler. But checkbox of this item is still checked, moreover listbox.get_checkedItems() does not return the item anymore. It looks like the item has 'not checked' status in object model but its checkbox is still checked.

I use ASP.NET AJAX Q1 2011.

/Vladimir

ListBox

answered on 11 Oct 2012