Questions on UI for ASP.NET AJAX Forum

1 answer

108 views

I need to get a value from a griddatabound datafield and pass it on to my context menu events.
at the moment i only get the index, is there any way to do this? can i somehow store the selected value in the input field and retreive it from the radmenu clicked event?

function RowContextMenu(sender, eventArgs)

{

var menu = $find("ctl00_phContent_RadMenu1");

var evt = eventArgs.get_domEvent();

if(evt.target.tagName == "INPUT" || evt.target.tagName == "A")

{

return;

}

var index = eventArgs.get_itemIndexHierarchical();

document.getElementById("radGridClickedRowIndex").value = index;

sender.get_masterTableView().selectItem(sender.get_masterTableView().get_dataItems()[index].get_element(), true);

menu.show(evt);

evt.cancelBubble = true;

evt.returnValue = false;

if (evt.stopPropagation)

{

evt.stopPropagation();

evt.preventDefault();

}

</MasterTableView>

<ClientSettings AllowDragToGroup="True">

<ClientEvents OnRowContextMenu="RowContextMenu">

</ClientEvents>

<Selecting AllowRowSelect="true" />

</ClientSettings>

<input type="hidden" id="radGridClickedRowIndex" name="radGridClickedRowIndex" />

<telerik:RadContextMenu ID="RadMenu1" runat="server" OnItemClick="RadMenu1_ItemClick"

EnableRoundedCorners="True" EnableShadows="True">

<Items>

<telerik:RadMenuItem Text="Öppna ärende" />

<telerik:RadMenuItem Text="Avsluta ärende" />

<telerik:RadMenuItem Text="Ta bort ärende" />

</Items>

</telerik:RadContextMenu>

protected void RadMenu1_ItemClick(object sender, RadMenuEventArgs e)

{

int radGridClickedRowIndex;

radGridClickedRowIndex = Convert.ToInt32(Request.Form["radGridClickedRowIndex"]);

Grid

answered on 21 Mar 2011

2 answers

117 views

Keeping the RadPanelBar fully expanded

Hello,

I am working on an application wherein I want the RADPanelBar to be fully expanded
when the page loads the first time. After that user should have the ability to keep
them expanded or to collapse them.

In my case, only the first tag is expanded and others are collapsed when the page loads.

Kindly waiting for the reply.

Thanks and Best Regards,
Ruchit

PanelBar

answered on 21 Mar 2011

1 answer

93 views

Error creating control

im new user in your tools

on ASP.net VS2008

and when i add any tools give me this error

Error creating control

could not load assembly 'telerik.web.ui , version=2009.3.1208

thanks for any help

General Discussions

answered on 21 Mar 2011

3 answers

302 views

GridHyperLinkColumn - Retrieve email address in code behind

Hi! Could someone help me with getting the value of an email address in a GridHyperLinkColumn from the code behind please?

Here's the aspx code:

<telerik:GridHyperLinkColumn DataNavigateUrlFields="Email1" UniqueName="Email1"

DataNavigateUrlFormatString="mailto:{0}" DataTextField="Name" HeaderText="Reviewer" SortExpression="Email1"

ShowFilterIcon="false" ShowSortIcon="false" AutoPostBackOnFilter="true" />

Essentially when a user clicks on a submit button for the RadGrid itself, I would like to grab the email address for each selected row in the grid and send an automated email.

Here's the code behind I have for finding the selected rows in the grid, however, I'm not sure how to retrieve the value of the email address from the GridHyperLinkColumn...

If (RadGrid1.SelectedItems.Count > 0) Then

For Each item As GridDataItem In RadGrid1.SelectedItems

'Add code here to retrieve email address

Next

End If

Any help would be greatly appreciated. Thanks!

Grid

answered on 21 Mar 2011

1 answer

75 views

Custom page size through javascript

Hi,

please let us know, how to get custom page size like 10/20/25/30 to telerik grid page dropdown control using javascript.since to increase the peformance of the application we need to develop this logic.

Grid

answered on 21 Mar 2011

2 answers

153 views

Dropdown portion of CSS

I've been looking at the RadMenu Base styles and trying to figure out exactly which portion of the CSS is what makes the dropdowns work.

I built my own RadMenu.css but for some reason the dropdown's always appear at the top left portion of the screen.

Below please find my css, any clues as to what is missing would be much appreciated. Or just point me to an example dropdown css code for the RadMenu.

.RadMenu_ArtDebutant

{

width:100%;

}

.RadMenu_ArtDebutant > ul.rmRootGroup

{

float: left;

display: block;

list-style-type: none;

font-size: 17px;

text-transform: lowercase;

font-family: Arial Baltic, Arial;

}

.RadMenu_ArtDebutant > ul.rmRootGroup > li.rmItem

{

float: left;

width: 254px;

height: 30px;

background-color: #333333;

border-right: 1px solid #939393;

margin-right: 1px;

}

.RadMenu_ArtDebutant > ul.rmRootGroup > li.rmLast

{

margin-right: 0px;

width: 255px;

}

.RadMenu_ArtDebutant > ul.rmRootGroup > li.rmSeparator

{

width: 1px;

float:left;

height: 30px;

background-color: White;

border: 0;

}

.RadMenu_ArtDebutant > ul.rmRootGroup > li.rmItem > a

{

color: White;

text-decoration: none;

height: 30px;

vertical-align: middle;

display: table-cell;

padding-left: 15px;

width: 253px;

}

.RadMenu_ArtDebutant > ul.rmRootGroup > li:hover

{

/* background-color: #415353; */

}

.RadMenu_ArtDebutant > ul.rmRootGroup > li.rmItem > a.rmFocused

{

background-color: #415353;

width: 254px;

}

/* drop down. Some stuff from menu.css base styles */

.RadMenu div.rmSlide

{

position:absolute;

overflow:hidden;

display:none;

float:left;

width: 254px;

background-color: #333333;

opacity: 0.5;

-moz-opacity: 0.5;

}

.RadMenu ul.rmVertical

{

float: left;

display: block;

list-style-type: none;

font-size: 17px;

text-transform: lowercase;

font-family: Arial Baltic, Arial;

}

.RadMenu ul.rmVertical > li.rmItem

{

clear:both;

width: 100%;

height: 40px;

width: 250px;

line-height: 40px;

}

.RadMenu ul.rmVertical > li.rmItem > a.rmLink

{

color: White;

text-transform: uppercase;

text-decoration:none;

margin-left: 20px;

}

/* drop down portion end */

Menu

answered on 20 Mar 2011

1 answer

298 views

How to disable other controls when particular input fails a RadInput RegEx or Validation Setting?

Hello,
I'm having an issue with the input validations available in the RadInputManager where I need to prevent the user from entering data in other form fields when there is an error in a particular form input field due to the nature of the application. I have code that will disable the input controls, but I cannot find a way to determine is control X is valid.

What I really need is a client side method to determine if the input field is valid or not in my scenario, but cannot seem to find a way to accomplish that using the OnValidating event. In my scenario, I need to dynamically add input validation settings via the page's codebehind (e.g. not through clientside script) and cannot allow the user to add data to other fields while one field is invalid.

User enters invalid text in TextBox1
Validation message appears
All other input controls other than Textbox1 should be disabled
When the user enters a valid value in Textbox1 that passes the validation then all the other input boxes should be re-enabled (Note: This is the step I cannot determine how to accomplish)

In the code below if the line RegExSetting.ClientEvents.OnValidating = "OnClientValidating" is commented out then the user can enter values in any textbox or input field, which is not desired while Textbox1 has an invalid value.

If there was a way to tell if Control X was valid when the control loses focus that would solve the problem (in my actual scenario 100% of the controls are dynamic so I cannot hardcode control names) as I could execute code that re-enables all the controls if Control X is valid.

ASPX:

<telerik:RadAjaxManager ID="AjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="Area">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Area" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="RadInputManager1" />

<telerik:AjaxUpdatedControl ControlID="Button1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadInputManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Area" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default" MinDisplayTime="2000">

</telerik:RadAjaxLoadingPanel>

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

<script type="text/javascript" language="javascript">

function OnClientValidating(sender, args) {

var inputId = args.get_input().get_id();

if (inputId != null)

{

var inputs = document.getElementsByTagName('input');

for (element in inputs)

{

inputs[element].disabled = true;

}

document.getElementById(inputId).disabled = false;

}

function OnClientBlur(sender, args) {

//How do I tell if the input is valid, e.g. passed RadInputManager validation setting, OnBlur or another clientside event?

}

</script>

</telerik:RadCodeBlock>

<div>

<asp:Panel ID="Area" runat="server">

<asp:PlaceHolder Runat="server" ID="DynamicControls"></asp:PlaceHolder>

</asp:Panel>

<asp:Button ID="Button1" runat="server" Text="Button" />

</div>

Code-Behind (VB.NET)

Private inputManager As New RadInputManager()

Protected Sub Page_Init(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Init

LoadDynamicControls()

LoadDynamicValidation()

End Sub

Private Sub LoadDynamicControls()

Dim txtBox As TextBox = New TextBox()

txtBox.ID = "TextBox1"

txtBox.AutoPostBack = True

txtBox.CausesValidation = True

DynamicControls.Controls.Add(txtBox)

Dim txtBox2 As TextBox = New TextBox()

txtBox2.ID = "TextBox2"

txtBox2.AutoPostBack = True

txtBox2.CausesValidation = True

DynamicControls.Controls.Add(txtBox2)

End Sub

Private Sub LoadDynamicValidation()

Dim RegExPattern As String = "\d{2}/\d{4}"

Dim RegExSetting As RegExpTextBoxSetting = New RegExpTextBoxSetting

RegExSetting.ValidationExpression = RegExPattern

RegExSetting.ErrorMessage = "Test error message"

Dim mngr As RadInputManager = inputManager

mngr.ID = "RadInputManager1"

RegExSetting.TargetControls.Add(New TargetInput("TextBox1", True))

RegExSetting.ClientEvents.OnValidating = "OnClientValidating"

mngr.InputSettings.Add(RegExSetting)

Page.Form.Controls.Add(mngr)

'RadInputManager1.InputSettings.Add(RegExSetting)

End Sub

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

Dim control As TextBox = FindControl("TextBox1")

AjaxManager1.AjaxSettings.AddAjaxSetting(control, control, RadAjaxLoadingPanel1)

AjaxManager1.AjaxSettings.AddAjaxSetting(Button1, control, RadAjaxLoadingPanel1)

AjaxManager1.AjaxSettings.AddAjaxSetting(inputManager, control, RadAjaxLoadingPanel1)

End Sub

End Class

Input

answered on 20 Mar 2011

1 answer

92 views

New Ideas... :)

Hello,

I'm using a lot the RadScheduler and it's great, but I have some more new ideas for you.

It would be great if it could be possible to:

Select appointments and drag & drop all the selected appointments to a new date (Like this we would be able to drag and drop a lot of appointment in one time)
Select appointments and to delete all of them with one confirmation

This select appointment stuff could be a checkbox witch appears (like the delete) when we hover the appointment.

It would be great if you can look at those features.

Thanks a lot

Jean-Yves

Scheduler

answered on 20 Mar 2011

4 answers

120 views

SplitCell doesn't split the cell

Hello

When i right click a cell in the editor and select "Split Cell" it adds a cell below the current cell instead of splitting the cell..
What "Split Cell" does is exactly what "Insert Row Below" does...
I must have this working correctly..

Any resolve?

Thank you..

Editor

answered on 20 Mar 2011

3 answers

134 views

Merge header columns Programatically

Hi,

Can I create the following table dynamically (Till 3 Sub levels of Header)? I would like to merge some of the columns dynamically - based on the DB resultset.

A	B	C
		D	E			I
		D	F	G	H	I

Can you share me a sample code?

Thanks, Malli

Can you share me a sample code?Thanks, Malli

Grid

answered on 19 Mar 2011