I Have two combobox inside update panel... second is populating based on selection of first on onselectedindex event ,... but 1st time I Change index of first combo box it is ok.. but second time is not populating according to first combo box value..........
plz help?

Hi,
I am using RadListView which updates the page content outside the RadListView (on ItemCommand of RadListView)


<asp:Panel id="PanelToUpdate" runat="server">


" CONTENT SHOULD COME HERE WHEN LINK BUTTON INSIDE RADLISTVIEW IS CLICKED ('ITEM-COMMAND' EVENT with 'SELECT' COMMAND )    "
        " THIS PANEL SHOULD NOT BE UPDATED WHEN PAGER'S NEXT OR PREVIOUS BUTTON IS CLICKED.


</asp:Panel>




<telerik:RadListView ID="rptArticles" AllowPaging="True" runat="server" OnPreRender="rptArticles_PreRender"
    ItemPlaceholderID="ArticlesList" DataKeyNames="ArticleID" 
    OnItemDataBound="rptArticles_ItemDataBound" EnableViewState="true">
    <LayoutTemplate>
            <ul>
                <asp:Panel ID="ArticlesList" runat="server" />
            </ul>
            <telerik:RadDataPager ID="pgrAudio" runat="server" PagedControlID="rptArticles" PageSize="5">
                <Fields>
                    <telerik:RadDataPagerButtonField FieldType="Prev" />
                    <telerik:RadDataPagerButtonField FieldType="Next" />
                </Fields>
            </telerik:RadDataPager>
    </LayoutTemplate>
    <ItemTemplate>
        <li>
            <asp:LinkButton runat="server" ID="lbArticle" runat="server" CommandName="Select" CommandArgument='<% #Eval("ID") %>' CssClass="thumb">
                <img id="Img1" alt="" runat="server"
                    src='<% #ResolveUrl(Eval("ImageFile").ToString()) + "?width=148&scale=both&height=91&crop=auto" %>' />
            </asp:LinkButton>
            <div class="title">
                <asp:Literal ID="Literal1" runat="server" Text='<% #Eval("Title") %>' ></asp:Literal>
            </div>
        </li>
    </ItemTemplate>
</telerik:RadListView>




On the top of my htmlbody i am defining the radajaxmanager as follows :


<telerik:RadAjaxManager runat="server" ID="RadAjaxManager1">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="rptArticles">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="PanelToUpdate"/>
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>




The problem I am facing is :
- When a pager Next or Previous is clicked, it updates my "PanelToUpdate" as well. I want to prevent it to update in that case. It should be updated only when LinkButton is clicked.


I tried EventName in AjaxSettings of RadAjaxManager as :


        <telerik:AjaxSetting AjaxControlID="rptArticles" EventName="OnItemCommand">
        <telerik:AjaxSetting AjaxControlID="rptArticles" EventName="OnSelectedIndexChanged">


But it seems that EventName do not worked for me anytime. my Panel is updating on each click, be it on LinkButton inside radListView, or nearby PagerButtons.

Please help.



Ravi

Hi,

I am having a requirement where I need to AutoSave RadEditor content. Now these RadEditor are present inside Repeater control and they may be more than one RadEditor present inside the control.

I have Implemented AutoSave using OnClientLoad event & RadAjaxManager. But the issue here is that I cannot explicitly pass the RadEditor Primary Key id through which I can Identify that the passed RadEditor text on server Side, Since OnClientLoad event doesnot takes any parameters.

Below is my ASPX Code

and my JavaScript Code

Now as OnClientLoad doesn't takes any parameter on server side I cannot identify which Radeditor content is being edited.
 Can you please suggest me any way by which I can pass Label lblID to OnCLientLoad Event of Radeditor.

How can i change the style (image ) of this button what kind of Pager Style is this ?

see image 


Thx for help and fast answer 

I was trying to implement some nicer client side error handling informing the user why the upload failed as the exisiting client feedback is just a red dot instead of a green dot, so I followed this example 
http://demos.telerik.com/aspnet-ajax/asyncupload/examples/validation/defaultcs.aspx

But I am now trying to work out how to hide the error message when the user clicks remove on an invalid file.

I looked at OnClientFileUploadRemoving, but that only gets triggered if a valid file is removed.

Also, is there something similar to the upload.isExtensionValid method that checks if the file size is valid? 

Thanks

Hi Everyone!

I'm trying to make a chart and I'm afraid that it's not possible or I'm doing something bad. Basicly I want to do a chart something like that:


And I got something like that:



As you can see I can not begin the orange bar in the middle of the grey bar. Anyone knows if it's possible?

Thanks in advance

I may have a sort problem on one of my fields in a RadGrid.

I have a description field that is set in a RadEditor.  It's rich text and unlimited length.  (varchar(max)).

In the grid itself, when the field is displayed, I have a call in the ItemDataBound event handler to strip the field of HTML and only display the first 40 characters.  The code for the stripping is as follows:

 string clearText = Regex.Replace(incoming_string, "<(.|\n)*?>", "");
  clearText = System.Web.HttpUtility.HtmlDecode(clearText);

Even with that the sort on that field does not appear to work perfectly.  There are still a few records with stray characters.  This may or may not be a problem in real life as these records are casually entered test data.  Still I'd like to know if I'm doing anything basically wrong.

Suggestions?

Hi
How do I clear the filtering on inserting a new row. Please suggest some help
thanks in advance
RT

Hi, I have a RadGrid within a RadAjaxPanel. One of the columns has a LinkButton whose click javascript is set when the Item is created to call another Javascript method, "ShowExisting3" with the index corresponding to the DataRow. When ShowExisting3 is called, the javascript method doesn't have access to any controls other than the ajax manager and script manager (as in, all calls like $find("<%= flightConfigGrid.ClientID %>") return null).

I've also tried setting the onclick javascript to directly call ShowExisting3(0) and $find still returns null. Strangely enough, oWnd in both cases is not null. What I can't figure out is why configValuesWindow can be accessed and flightConfigGrid cannot. My end goal is a popup window (configValuesWindow) whose contents are populated by 2 invisible columns in the data grid. Does anyone have any ideas?

Here's much of the aspx, and afterwards some of the C#

<telerik:RadScriptManager ID="scriptManager" runat="server" />

<telerik:RadAjaxManager ID="ajaxManager" runat="server" OnAjaxRequest="ajaxManager_AjaxRequest">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="ajaxManager">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="inputPanel" />

<telerik:AjaxUpdatedControl ControlID="errorPanel" />

<telerik:AjaxUpdatedControl ControlID="configPanel" LoadingPanelID="ajaxLoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="mappingsPanel" />

<telerik:AjaxUpdatedControl ControlID="rotationsPanel" />

<telerik:AjaxUpdatedControl ControlID="featureCompositionPanel" />

<telerik:AjaxUpdatedControl ControlID="permaLinkPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="TopSubmitButton">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="inputPanel" />

<telerik:AjaxUpdatedControl ControlID="errorPanel" />

<telerik:AjaxUpdatedControl ControlID="configPanel" LoadingPanelID="ajaxLoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="mappingsPanel" />

<telerik:AjaxUpdatedControl ControlID="rotationsPanel" />

<telerik:AjaxUpdatedControl ControlID="featureCompositionPanel" />

<telerik:AjaxUpdatedControl ControlID="permaLinkPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="configPanel">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="configValuesWindowPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

<ClientEvents OnRequestStart="RequestStart" OnResponseEnd="ResponseEnd" />

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="ajaxLoadingPanel" runat="server" Skin="Default"/>

<telerik:RadWindowManager ID="windowManager" runat="server" />

<telerik:RadWindow runat="server" ID="configValuesWindow" VisibleStatusbar="False" VisibleTitlebar="True" AutoSize="True" MinWidth="400">

<ContentTemplate>

<asp:UpdatePanel ID="configValuesWindowPanel" runat="server" UpdateMode="Conditional">

<ContentTemplate>

<table width="100%">

<tr>

<td width="50%"><b>Values in Flight</b></td>

<td width="50%"><b>Values out of Flight</b></td>

</tr>

<tr style="vertical-align: top">

<td id="ValuesInFlightCell">

<asp:Label ID="FooBaz" runat="server"></asp:Label>

</td>

<td id="ValuesOutOfFlightCell" />

</tr>

</table>

</ContentTemplate>

</asp:UpdatePanel>

</ContentTemplate>

</telerik:RadWindow>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function RequestStart(sender, args) {

var loadingPanel = $find("<%= ajaxLoadingPanel.ClientID %>");

var updatedControl = "<%= configPanel.ClientID %>";

//show the loading panel over the updated control

loadingPanel.show(updatedControl);

}

function ResponseEnd() {

var loadingPanel = $find("<%= ajaxLoadingPanel.ClientID %>");

var updatedControl = "<%= configPanel.ClientID %>";

if (loadingPanel != null) {

loadingPanel.hide(updatedControl);

}

}

function pageLoad(sender, eventArgs) {

if (!eventArgs.get_isPartialLoad()) {

$find("<%= ajaxManager.ClientID %>").ajaxRequest("InitialPageLoad");

}

}

function ShowExisting3(index) {

var oWnd = $find("<%= configValuesWindow.ClientID %>");

var dataItem = $find("<%= flightConfigGrid.ClientID %>").get_masterTableView().get_dataItems()[index];

var inValues = dataItem.getDataKeyValue("InParams");

var outValues = dataItem.getDataKeyValue("OutParams");

document.getElementById('ValuesInFlightCell').innerHTML = inValues;

document.getElementById('ValuesOutOfFlightCell').innerHTML = outValues;

oWnd.show();

}

</script>

</telerik:RadCodeBlock>

<h2><asp:Literal ID="PageTitleLiteral" runat="server" Text="Single Flight Config"></asp:Literal></h2>

<telerik:RadAjaxPanel ID="inputPanel" runat="server">

<asp:Literal ID="FlightNameLiteral" runat="server" Text="Flight:" />

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

<asp:Button ID="TopSubmitButton" runat="server" Text="Submit" onclick="TopSubmitButton_Click" />

<asp:Literal ID="UIMessageLiteral" runat="server" Text=""></asp:Literal>

</telerik:RadAjaxPanel>

<br />

<telerik:RadAjaxPanel ID="errorPanel" runat="server" CssClass="error">

<br />

<asp:Literal ID="errorLiteral" runat="server" />

</telerik:RadAjaxPanel>

<br />

<telerik:RadAjaxPanel ID="configPanel" runat="server" ScrollBars="Auto" Width="100%">

<telerik:RadGrid ID="flightConfigGrid" runat="server" AutoGenerateColumns="False"

AllowSorting="True" GridLines="None" AllowPaging="True" PageSize="100"

OnItemCreated="OnItemCreated" OnDataBound="OnDataBound" OnItemCommand="OnItemCommand">

<MasterTableView DataKeyNames="Path" AllowMultiColumnSorting="True" SortExpressions="Environment"

GroupLoadMode="Server">

<Columns>

<telerik:GridBoundColumn DataField="Environment" HeaderText="Environment"

SortExpression="Environment" />

<telerik:GridBoundColumn DataField="Path" HeaderText="Path"

SortExpression="Path" />

<telerik:GridBoundColumn DataField="FileName" HeaderText="FileName"

SortExpression="FileName" />

<telerik:GridBoundColumn DataField="SectionName" HeaderText="Section"

SortExpression="SectionName" />

<telerik:GridBoundColumn DataField="ParameterName" HeaderText="Parameter"

SortExpression="ParameterName" />

<telerik:GridBoundColumn DataField="AdditionalFilterSetName"

HeaderText="Additional Filters" SortExpression="AdditionalFilterSetName" />

<telerik:GridTemplateColumn UniqueName="InParamWithMouseOver" HeaderText="Values in Flight (click for full set)">

<ItemTemplate>

<%# Eval("InParameterValue") %>

<asp:LinkButton ID="InParamLink" runat="server" CommandName="InParamLink" Text="..."/>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="InParams" HeaderText="InParams" Visible="False"/>

<telerik:GridTemplateColumn UniqueName="OutParamWithMouseOver" HeaderText="Values Outside of Flight (click for full set)">

<ItemTemplate>

<%# Eval("OutParameterValue") %>

<asp:LinkButton ID="OutParamLink" runat="server" CommandName="OutParamLink" Text="..."/>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="OutParams" HeaderText="InParams" Visible="False"/>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

Here is the C# for the DataBound event. It sets the onclick event to call ShowExisting3(index) which exists already in the aspx. When it is called, the $find methods return null.

protected void OnDataBound(object sender, EventArgs e)

{

foreach (GridDataItem item in this.flightConfigGrid.Items)

{

var inParamsLinkCell = item["InParamWithMouseOver"];

var inParamsCell = item["InParams"];

var inParamLinkControl = (LinkButton)inParamsLinkCell.FindControl("InParamLink");

inParamLinkControl.Attributes.Add(

"onclick",

string.Format("ShowExisting3({0});return false;", item.ItemIndex));

}

}

Thanks!

Hi, I have a RadGrid within a RadAjaxPanel. One of the columns has a LinkButton whose click javascript is set when the Item is created to call another Javascript method, "ShowExisting3" with the index corresponding to the DataRow. When ShowExisting3 is called, the javascript method doesn't have access to any controls other than the ajax manager and script manager (as in, all calls like $find("<%= flightConfigGrid.ClientID %>") return null). Do you have any ideas?

Here's much of the aspx, and afterwards some of the C#

<telerik:RadScriptManager ID="scriptManager" runat="server" />

    <telerik:RadAjaxManager ID="ajaxManager" runat="server" OnAjaxRequest="ajaxManager_AjaxRequest">

        <AjaxSettings>

            <telerik:AjaxSetting AjaxControlID="ajaxManager">

                <UpdatedControls>

                    <telerik:AjaxUpdatedControl ControlID="inputPanel" />

                    <telerik:AjaxUpdatedControl ControlID="errorPanel" />

                    <telerik:AjaxUpdatedControl ControlID="configPanel" LoadingPanelID="ajaxLoadingPanel" />

                    <telerik:AjaxUpdatedControl ControlID="mappingsPanel" />

                    <telerik:AjaxUpdatedControl ControlID="rotationsPanel" />

                    <telerik:AjaxUpdatedControl ControlID="featureCompositionPanel" />

                    <telerik:AjaxUpdatedControl ControlID="permaLinkPanel" />

                </UpdatedControls>

            </telerik:AjaxSetting>

            <telerik:AjaxSetting AjaxControlID="TopSubmitButton">

                <UpdatedControls>

                    <telerik:AjaxUpdatedControl ControlID="inputPanel" />

                    <telerik:AjaxUpdatedControl ControlID="errorPanel" />

                    <telerik:AjaxUpdatedControl ControlID="configPanel" LoadingPanelID="ajaxLoadingPanel" />

                    <telerik:AjaxUpdatedControl ControlID="mappingsPanel" />

                    <telerik:AjaxUpdatedControl ControlID="rotationsPanel" />

                    <telerik:AjaxUpdatedControl ControlID="featureCompositionPanel" />

                    <telerik:AjaxUpdatedControl ControlID="permaLinkPanel" />

                </UpdatedControls>

            </telerik:AjaxSetting>

            <telerik:AjaxSetting AjaxControlID="configPanel">

                <UpdatedControls>

                    <telerik:AjaxUpdatedControl ControlID="configValuesWindowPanel" />

                </UpdatedControls>

            </telerik:AjaxSetting>

        </AjaxSettings>

        <ClientEvents OnRequestStart="RequestStart" OnResponseEnd="ResponseEnd" />

    </telerik:RadAjaxManager>

    <telerik:RadAjaxLoadingPanel ID="ajaxLoadingPanel" runat="server" Skin="Default"/>

    <telerik:RadWindowManager ID="windowManager" runat="server" />

 

    <telerik:RadWindow runat="server" ID="configValuesWindow" VisibleStatusbar="False" VisibleTitlebar="True" AutoSize="True" MinWidth="400">

        <ContentTemplate>

            <asp:UpdatePanel ID="configValuesWindowPanel" runat="server" UpdateMode="Conditional">

                <ContentTemplate>

                    <table width="100%">

                        <tr>

                            <td width="50%"><b>Values in Flight</b></td>

                            <td width="50%"><b>Values out of Flight</b></td>

                        </tr>

                        <tr style="vertical-align: top">

                            <td id="ValuesInFlightCell">

                                <asp:Label ID="FooBaz" runat="server"></asp:Label>

                            </td>

                            <td id="ValuesOutOfFlightCell" />

                        </tr>

                    </table>

                </ContentTemplate>

            </asp:UpdatePanel>

        </ContentTemplate>

    </telerik:RadWindow>

     

    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

        <script type="text/javascript">

 

            function RequestStart(sender, args) {

                var loadingPanel = $find("<%= ajaxLoadingPanel.ClientID %>");

 

                var updatedControl = "<%= configPanel.ClientID %>";

                 

                //show the loading panel over the updated control

                loadingPanel.show(updatedControl);

            }

             

            function ResponseEnd() {

                var loadingPanel = $find("<%= ajaxLoadingPanel.ClientID %>");

                var updatedControl = "<%= configPanel.ClientID %>";

                if (loadingPanel != null) {

                    loadingPanel.hide(updatedControl);

                }

            }

 

            function pageLoad(sender, eventArgs) {

                if (!eventArgs.get_isPartialLoad()) {

                    $find("<%= ajaxManager.ClientID %>").ajaxRequest("InitialPageLoad");

                }

            }

             

            function ShowExisting3(index) {

                var oWnd = $find("<%= configValuesWindow.ClientID %>");

 

                var dataItem = $find("<%= flightConfigGrid.ClientID %>").get_masterTableView().get_dataItems()[index];

                var inValues = dataItem.getDataKeyValue("InParams");

                var outValues = dataItem.getDataKeyValue("OutParams");

 

                document.getElementById('ValuesInFlightCell').innerHTML = inValues;

                document.getElementById('ValuesOutOfFlightCell').innerHTML = outValues;

 

                oWnd.show();

            }

 

        </script>

    </telerik:RadCodeBlock>

 

    <h2><asp:Literal ID="PageTitleLiteral" runat="server" Text="Single Flight Config"></asp:Literal></h2>

     

    <telerik:RadAjaxPanel ID="inputPanel" runat="server">

        <asp:Literal ID="FlightNameLiteral" runat="server" Text="Flight:" />

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

        <asp:Button ID="TopSubmitButton" runat="server" Text="Submit" onclick="TopSubmitButton_Click" />

        <asp:Literal ID="UIMessageLiteral" runat="server" Text=""></asp:Literal>

    </telerik:RadAjaxPanel>

 

    <br />

     

    <telerik:RadAjaxPanel ID="errorPanel" runat="server" CssClass="error">

        <br />

        <asp:Literal ID="errorLiteral" runat="server" />

    </telerik:RadAjaxPanel>

 

    <br />

     

    <telerik:RadAjaxPanel ID="configPanel" runat="server" ScrollBars="Auto" Width="100%">

         <telerik:RadGrid ID="flightConfigGrid" runat="server" AutoGenerateColumns="False"

                          AllowSorting="True" GridLines="None" AllowPaging="True" PageSize="100"

                          OnItemCreated="OnItemCreated" OnDataBound="OnDataBound" OnItemCommand="OnItemCommand">

            <MasterTableView DataKeyNames="Path" AllowMultiColumnSorting="True" SortExpressions="Environment"

                             GroupLoadMode="Server">

                <Columns>

                    <telerik:GridBoundColumn DataField="Environment" HeaderText="Environment"

                                             SortExpression="Environment" />

                    <telerik:GridBoundColumn DataField="Path" HeaderText="Path"

                                             SortExpression="Path" />

                    <telerik:GridBoundColumn DataField="FileName" HeaderText="FileName"

                                             SortExpression="FileName" />

                    <telerik:GridBoundColumn DataField="SectionName" HeaderText="Section"

                                             SortExpression="SectionName" />

                    <telerik:GridBoundColumn DataField="ParameterName" HeaderText="Parameter"

                                             SortExpression="ParameterName" />

                    <telerik:GridBoundColumn DataField="AdditionalFilterSetName"

                                             HeaderText="Additional Filters" SortExpression="AdditionalFilterSetName" />

                    <telerik:GridTemplateColumn UniqueName="InParamWithMouseOver" HeaderText="Values in Flight (click for full set)">

                        <ItemTemplate>

                            <%# Eval("InParameterValue") %>

                            <asp:LinkButton ID="InParamLink" runat="server" CommandName="InParamLink" Text="..."/>

                        </ItemTemplate>

                    </telerik:GridTemplateColumn>

                    <telerik:GridBoundColumn DataField="InParams" HeaderText="InParams" Visible="False"/>

                    <telerik:GridTemplateColumn UniqueName="OutParamWithMouseOver" HeaderText="Values Outside of Flight (click for full set)">

                        <ItemTemplate>

                            <%# Eval("OutParameterValue") %>

                            <asp:LinkButton ID="OutParamLink" runat="server" CommandName="OutParamLink" Text="..."/>

                        </ItemTemplate>

                    </telerik:GridTemplateColumn>

                    <telerik:GridBoundColumn DataField="OutParams" HeaderText="InParams" Visible="False"/>

                </Columns>

            </MasterTableView>

        </telerik:RadGrid>

    </telerik:RadAjaxPanel>

Here is the C# for the DataBound event. It sets the onclick event to call ShowExisting3(index) which exists already in the aspx. When it is called, the $find methods return null.

protected void OnDataBound(object sender, EventArgs e)

{

    foreach (GridDataItem item in this.flightConfigGrid.Items)

    {

        var inParamsLinkCell = item["InParamWithMouseOver"];

        var inParamsCell = item["InParams"];

        var inParamLinkControl = (LinkButton)inParamsLinkCell.FindControl("InParamLink");

 

            inParamLinkControl.Attributes.Add(

                "onclick",

                string.Format("ShowExisting3({0});return false;", item.ItemIndex));

    }

}

Thanks!