Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
125 views
Hi,

I have a template column in my grid set to RadComboBox. I have set the RequireFieldValidator as well on that control. But somehow on insert/edit of a row, the validator doesnt fire.

 <EditItemTemplate> 
                                                <telerik:RadComboBox ID="rcbStartPort" runat="server"  Skin="Custom" EnableEmbeddedSkins="false" AllowCustomText="False"   
                                                EnableVirtualScrolling="False" OnItemsRequested="rcbStartPort_ItemsRequested" Height="100px"   
                                                EmptyMessage="Select a Port" MarkFirstMatch="true" EnableLoadOnDemand="true" OnClientBlur="OnClientBlurHandler" ></telerik:RadComboBox> 
                                                  
                                                <asp:RequiredFieldValidator ID="rfvStartPort" runat="server" ControlToValidate="rcbStartPort" 
                                                Display="None" ErrorMessage="Start Port is mandatory" SetFocusOnError="True"></asp:RequiredFieldValidator>       
                                                  
                                            </EditItemTemplate>  

Is there something else I need to do?

Regards,
Saurabh
Saurabh Srivastava
Top achievements
Rank 1
 answered on 14 Aug 2009
7 answers
373 views
I have taken your modality example and modified a little so that I could possibly use it as an edit pop up.  I included a RadDatePicker within the asp:UpdatePanel and by doing this the panel does not show.  If I remove the RadDatePicker then it does show.  Do you know what I am doing wrong?  I am including the aspx page below:

<%

@ Page Language="VB" AutoEventWireup="false" CodeFile="modalpopup.aspx.vb" Inherits="modalpopup" %>

 

<%

@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

 

<!

 

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

 

<

 

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

 

<

 

head id="Head1">

 

 

</

 

head>

 

<

 

body class="BODY">

 

 

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

 

 

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

 

 

</asp:ScriptManager>

 

 

<p>

 

When you click the button below, a modal RadToolTip will show, that will "block"

the page while you perform some operation (e.g. AJAX Request) and the page is unavailable

for the user until the operation ends up.

 

</p>

 

 

<telerik:RadToolTip ID="RadToolTip1" runat="server" Modal="true" ShowEvent="FromCode"

 

 

Position="Center" RelativeTo="BrowserWindow" OnClientBeforeHide="OnClientBeforeHide"

 

 

Width="130px">

 

 

<img src="./Images/loading.gif" width="130" height="60" alt="&nbsp;" /><br />

 

 

</telerik:RadToolTip>

 

 

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

 

 

<ContentTemplate>

 

<

 

asp:Button ID="Button1" runat="server" Text="Simulate long AJAX request" OnClick="Button1_Click"

 

CssClass

 

="button" Style="display: block; float: left;" />

 

 

</ContentTemplate>

 

 

</asp:UpdatePanel>

 

 

<br /><br /><br />

 

 

<script type="text/javascript">

 

 

//<![CDATA[

 

 

var toHide = false;

 

 

function OnClientBeforeHide(sender, args) {

 

 

if (!toHide) args.set_cancel(true);

 

}

 

//Attach to event that will indicate when ajax request is complete

 

Sys.WebForms.PageRequestManager.getInstance().add_beginRequest

(

 

function(sender, args) {

 

toHide =

false;

 

 

if (args.get_postBackElement().id == "Button1") {

 

 

var tooltip = $find("<%= RadToolTip1.ClientID %>");

 

tooltip.show();

}

 

else if (args.get_postBackElement().id == "Button2") {

 

 

var tooltip = $find("<%= RadToolTip2.ClientID %>");

 

tooltip.show();

}

}

);

 

function GetActiveToolTip() {

 

 

var tooltip = Telerik.Web.UI.RadToolTip.getCurrent();

 

 

return tooltip;

 

}

 

//Attach to event that will indicate when ajax request is complete

 

Sys.WebForms.PageRequestManager.getInstance().add_endRequest

(

 

function(sender, args) {

 

 

var tooltip = GetActiveToolTip();

 

 

if (tooltip != null && tooltip.get_id() == "RadToolTip1") {

 

toHide =

true;

 

tooltip.hide();

}

}

);

 

function HideToolTip() {

 

 

var tooltip = GetActiveToolTip();

 

 

if (tooltip.get_id() == "RadToolTip2") {

 

toHide =

true;

 

tooltip.hide();

 

}

};

 

function ToggleFirstPopup() {

 

$find(

"<%= RadDatePicker1.ClientID %>").showPopup();

 

};

 

//]]>

 

 

</script>

 

 

<p>

 

The button below opens a registration form and "blocks" the page until the user

has submitted it.

 

</p>

 

 

<p>

 

 

<asp:Button ID="Button2" runat="server" Text="Show Login Form" CssClass="button" />

 

 

</p>

 

 

 

 

<telerik:RadToolTip ID="RadToolTip2" runat="server" Modal="true" ShowEvent="FromCode"

 

 

Position="Center" RelativeTo="BrowserWindow"

 

 

OnClientBeforeHide="OnClientBeforeHide" ManualClose="True">

 

 

<asp:UpdatePanel runat="server" ID="UpdatePanel2">

 

 

<ContentTemplate>

 

 

<asp:Panel ID="pInquiry" runat="server" Style="padding-left: 11px;">

 

Log in:

<br />

 

 

<br />

 

 

<table>

 

 

<tr>

 

 

<td style="width: 200px">

 

Hours

<asp:RequiredFieldValidator ID="rfvHours" ControlToValidate="txtHours" Display="Dynamic" runat="server" ErrorMessage="[Required]"></asp:RequiredFieldValidator>

 

:

<br />

 

 

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

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td style="width: 200px">

 

Target Date:

<asp:RequiredFieldValidator ID="rfvTargetDate"

 

 

ControlToValidate="RadDatePicker1" Display="Dynamic" runat="server"

 

 

ErrorMessage="[Required]"></asp:RequiredFieldValidator>

 

 

<br />

 

 

<telerik:RadDatePicker ID="RadDatePicker1" runat="server"

 

 

Culture="English (United States)" Skin="Vista" Style="vertical-align: middle;"

 

 

Width="200px">

 

 

<Calendar Skin="Vista" UseColumnHeadersAsSelectors="False"

 

 

UseRowHeadersAsSelectors="False" ViewSelectorText="x">

 

 

</Calendar>

 

 

<DatePopupButton HoverImageUrl="" ImageUrl="" Visible="false" />

 

 

<DateInput ID="DateInput1" runat="server" DateFormat="D"

 

 

onclick="ToggleFirstPopup()">

 

 

</DateInput>

 

 

</telerik:RadDatePicker>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td style="width: 200px">

 

Priority:

<br />

 

 

<telerik:RadComboBox ID="RadComboBox1" runat="server" AllowCustomText="True"

 

 

EmptyMessage="Select a priority...">

 

 

<Items>

 

 

<telerik:RadComboBoxItem runat="server" Text="1" Value="1" />

 

 

<telerik:RadComboBoxItem runat="server" Text="2" Value="2" />

 

 

<telerik:RadComboBoxItem runat="server" Text="3" Value="3" />

 

 

</Items>

 

 

</telerik:RadComboBox>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td style="width: 200px">

 

Tech:

<br />

 

 

<telerik:RadComboBox ID="RadComboBox2" runat="server" AllowCustomText="true" EmptyMessage="Select a techie..."></telerik:RadComboBox>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td style="width: 100px">

 

 

<asp:Button ID="btnLogIn" runat="server" Text="Log in" OnClick="btnLogIn_Click" />&nbsp;<button id="btnCancel" onclick="HideToolTip()">Cancel</button></td>

 

 

</tr>

 

 

<tr>

 

 

<td style="width: 100px">

 

 

<asp:Label ID="lblError" Width="150px" runat="server" Visible="false" ForeColor="red"></asp:Label>

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

<telerik:RadInputManager ID="RadInputManager1" runat="server">

 

 

<telerik:NumericTextBoxSetting BehaviorID="NumercBehavior2" EmptyMessage="type.." Type="Number">

 

 

<TargetControls>

 

 

<telerik:TargetInput ControlID="txtHours" />

 

 

</TargetControls>

 

 

</telerik:NumericTextBoxSetting>

 

 

</telerik:RadInputManager>

 

 

</asp:Panel>

 

 

</ContentTemplate>

 

 

<Triggers>

 

 

<asp:AsyncPostBackTrigger ControlID="Button2" EventName="Click" />

 

 

</Triggers>

 

 

</asp:UpdatePanel>

 

 

</telerik:RadToolTip>

 

 

 

<br />

 

 

</form>

 

</

 

body>

 

</

 

html>

 

Jason Zam
Top achievements
Rank 1
 answered on 14 Aug 2009
0 answers
83 views
Does anyone have a event scheduler application developed in VB.net that they want to sell.

Im looking to manage an employees time and events such as trade shows.

Thanks
Larry
larry talley
Top achievements
Rank 1
 asked on 14 Aug 2009
9 answers
1.9K+ views
I have been new at this component and been trying to use it

I would like to display an empty grid on load of my page.

the grid should have no data and it should display the "No records to display."

we have a check box above the grid where the user will check what items they want to display in the grid......

When checked the grid will display the items information.

I have seen other forums about this but can't find a sample running program....

I saw the forum which mention about the use of a blank object to the grids datasource but I cant figure out how to make it...

Pls. I would like to see how to use a blank object to the datasource...since i think its the best way or is their another way??

Daniel
Telerik team
 answered on 14 Aug 2009
2 answers
110 views
Hello,

Is it possible to darken the border lines separating rows and columns.
The present lines appear to be too light.
Any help would be greatly appreciated.

Thanks.
sagar
Top achievements
Rank 1
 answered on 14 Aug 2009
4 answers
246 views
Hi,

I am using Telerik v 2009.01.0527.35. I have a toolbar used as an application menu bar within a Pane. This works fine in Firefox and IE but on Chrome, The menu bar drop down items are shown below my content on the other pane (i.e. this is a z-index problem). The toolbar has a z-index style as given below. When I add a Style="z-index: 9000001" tag to the Toolbarbutton items, now the text and the icons in the drop down menu items are visible but still there's no background or frame. Any ideas to fix that?

Thanks,
Ozgur

<telerik:RadToolBar ID="mainToolBar" runat="server" Style="z-index: 9000001" Width="1600px" OnClientButtonClicking="blue.controlHandler">
Hilmi Alphan Ozturk
Top achievements
Rank 1
 answered on 14 Aug 2009
1 answer
100 views
Is there a particular reason the Grid StatusBar is integrated with the Pager? While, this looks pretty good in most skins, it certainly makes providing custom content in the status bar much more difficult. Add to that the fact that you have to enable paging, and it pretty much means that providing custom content in the status bar is out of the question. This is not the end of the world, but I wonder if there was a particular reason for developing things this way. I would think a grid "Status bar" would behave in a similar fashion to a window status bar and this was the case in previous versions, where one could set the "Ready" text and "Loading" text. Anyhow, like I said the new implementaiton looks pretty good (though it is invisible in grids that don't implement paging), but is there any plan to seperating the two at some point in the future?
Dimo
Telerik team
 answered on 14 Aug 2009
1 answer
130 views

I have a question in regards to the response that is returned after an ajax request.  When I review the response in Fiddler after an ajax request it appears to contain content from other updatepanels that are not connected to the ajax request. 

I have an aspx that is setup for ajax as follows:

        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnablePageHeadUpdate="False" UpdatePanelsRenderMode="Inline">  
            <AjaxSettings> 
                <telerik:AjaxSetting AjaxControlID="divOne">  
                    <UpdatedControls> 
                        <telerik:AjaxUpdatedControl ControlID="divTwo" LoadingPanelID="LoadingPanel1" /> 
                        <telerik:AjaxUpdatedControl ControlID="divOne" /> 
                    </UpdatedControls> 
                </telerik:AjaxSetting> 
            </AjaxSettings> 
        </telerik:RadAjaxManager> 

divTwo contains a usercontrol that has a radajaxmanagerproxy as follows

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">  
    <AjaxSettings> 
        <telerik:AjaxSetting AjaxControlID="radgOne">  
            <UpdatedControls> 
                <telerik:AjaxUpdatedControl ControlID="radgOne" LoadingPanelID="LoadingPanel1" /> 
                <telerik:AjaxUpdatedControl ControlID="RadWindowManager"/>  
                <telerik:AjaxUpdatedControl ControlID="msg"/>  
            </UpdatedControls> 
        </telerik:AjaxSetting> 
    </AjaxSettings> 
</telerik:RadAjaxManagerProxy> 


The usercontrol contains a grid "radgOne" and other controls. When ever a operation is performed on the grid the ajax works; however, when viewing the response I see content from "divOne" on the aspx being sent back adding the overall size of the returned content.  Is this expected behaviour or is there something I'm over looking.

One other question.  I know RadAJAXManager uses updatepanels internally was wondering if there is an easier manner in which to set the ChildrenAsTriggers property other than programatically using the OnAjaxSettingCreated event?  Could there be property added to the AjaxUpdatedControl class?

Thanks
Matt
Pavlina
Telerik team
 answered on 14 Aug 2009
2 answers
245 views
I have RadComboBox and asp.net Checkbox inside RadAjaxPanel in usercontrol like this:

<telerik:RadAjaxPanel ID="rapOrganization" runat="server">
    <telerik:RadComboBox ID="cboOrganizations" runat="server" ErrorMessage="aaa" EmptyMessage="No organization set" AutoPostBack="true"
        EnableLoadOnDemand="True" OnClientItemsRequesting="OnClientItemsRequesting" EnableVirtualScrolling="true"
        EnableItemCaching="true" Height="150px" OnItemsRequested="cboOrganizations_ItemsRequested"
        ShowMoreResultsBox="true" MarkFirstMatch="true" Width="250px">
    </telerik:RadComboBox>
    <asp:CheckBox ID="chkActiveOrg" runat="server" CssClass="chkStyle" Text="Active Only" Width="80" />
</telerik:RadAjaxPanel>

After text changing on server side I allways got false for checkbox value. On itemsrequest only combobox data is available, checkbox state is wrong. Is there any solution for this?
Yuri
Top achievements
Rank 1
 answered on 14 Aug 2009
3 answers
365 views
I have four radtextboxes. On the fourth one, I want to call a JavaScript function. I need to get all four of the values of the textboxes to manipulate them. So far, I cannot get anything to fire on my onblur event. Anyone know why? Here is my code.

<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/admin/Admin.Master"
    CodeBehind="AddBusiness.aspx.vb" Inherits="ClickableCommunity.AddBusiness" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        function getLatLon(street, city, state, zip) {
            alert(street + city + state + zip);
        }//getLatLong
        
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="header" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
    <telerik:RadTextBox ID="streetInput" runat="server" Label="Street">
    </telerik:RadTextBox>
    <telerik:RadTextBox ID="cityInput" runat="server" label="City">
    </telerik:RadTextBox>
    <telerik:RadTextBox ID="stateInput" runat="server" label="State">
    </telerik:RadTextBox>
    <telerik:RadTextBox ID="zipInput" runat="server">
        <ClientEvents OnBlur="getLatLon('<%= streetInput.ClientID %>',
                                        '<%= cityInput.ClientID %>',
                                        '<%= stateInput.ClientID %>',
                                        '<%= zipInput.ClientID %>')" />
    </telerik:RadTextBox>
</asp:Content>

Paul
Telerik team
 answered on 14 Aug 2009
Narrow your results
Selected tags
Tags
+? more
Top users last month
Tien
Top achievements
Rank 1
Iron
Krasimir
Top achievements
Rank 3
Bronze
Iron
Iron
Cedar
Top achievements
Rank 1
Iron
Emil
Top achievements
Rank 1
Iron
Kyle Watson
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Tien
Top achievements
Rank 1
Iron
Krasimir
Top achievements
Rank 3
Bronze
Iron
Iron
Cedar
Top achievements
Rank 1
Iron
Emil
Top achievements
Rank 1
Iron
Kyle Watson
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?