This is a migrated thread and some comments may be shown as answers.

RadTextBox multiline, MaxLength and Enter

13 Answers 767 Views

Input

This is a migrated thread and some comments may be shown as answers.

13 Answers, 1 is accepted

answered on 08 Jul 2010, 08:36 AM

Hello Sri,

The described behavior is not available out-of-the-box, but you can achieve it like this:

<%@ Page Language="C#" %>

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

<!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">

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<title>RadControls</title>

</head>

<body>

<form id="form1" runat="server">

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

<telerik:RadTextBox ID="RadTextBox1" runat="server" MaxLength="20" TextMode="MultiLine" onkeydown="countChars()">

<ClientEvents OnLoad="saveInstance" />

</telerik:RadTextBox>

<script type="text/javascript">

var rtbInstance;

function saveInstance(sender, args)

{

rtbInstance = sender;

}

function countChars()

{

window.setTimeout(function(){

$get("charsCount").innerHTML = rtbInstance._escapeNewLineChars(rtbInstance.get_textBoxValue(), "%0A").length;

},1);

}

</script>

<br /><br />

<span id="charsCount"></span>

</form>

</body>

</html>

All the best,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

answered on 08 Jul 2010, 10:13 PM

I got an error saying session state not found. I tried both your code and the my modified code. It did not work. Can you look at the following code and see what could be wrong. FYI the text box is present in a Web Control Form and it shows up only after user has logged in to the site. And I also want to know how to display the count to the UI.

<

style type="text/css">

.style1

{

width: 26px;

}

style>

div class="formLayout" >

fieldset>

<legend>Notes</legend>

<tr>

</tr>

<tr>

<td width="10%" class="labelTop">Action:</td>

<telerik:RadComboBox runat=server ID="ddlAction" Width="100%" Skin="Windows7" />

<asp:CustomValidator runat="server" ID="custReqActionSelection" ErrorMessage="Action is required." OnServerValidate="custReqActionSelection_Validate" ControlToValidate="ddlAction" Display="None" ValidationGroup="Note" />

</td>

</tr>

<tr>

<td width="10%" class="labelTop">Result:</td>

<telerik:RadTextBox runat="server" ID="txtResult" TextMode="MultiLine" Rows="4" Width="99%"

MaxLength="2000" onkeydown="countChars()"> >

<ClientEventsOnLoad="saveInstance"/> </telerik:RadTextBox>

var

rtbInstance;

function

saveInstance(sender, args)

{

rtbInstance = sender;

}

function

countChars() {

var

charsCount= rtbInstance.get_textBoxValue().length;

// window.setTimeout(function() {

// $get("charsCount").innerHTML = rtbInstance._escapeNewLineChars(rtbInstance.get_textBoxValue(), "%0A").length;

// },1);

}

script>

br/><br/>

<asp:CustomValidator runat="server" ID="custReqResultText"

ErrorMessage="Result is required and cannot exceed 2000 characters."

OnServerValidate="custReqResultText_Validate" ControlToValidate="txtResult"

Display="None" ValidationGroup="Note" ValidateEmptyText="true" />

</td>

</tr>

<tr>

<asp:Button runat="server" ID="btnSaveNote" Text="Save" OnClick="btnSaveNote_Click"

ValidationGroup="Note" CausesValidation="False" />

</td>

</tr>

</table>

</td>

<tr>

</tr>

<tr><td width="10%" class="labelTop">History:</td>

<telerik:RadGrid ID="noteList" runat="server" AutoGenerateColumns="False" DataKeyNames="NoteId"

CssClass="Grid" Width="100%" AllowFilteringByColumn="False" AllowSorting="True"

GridLines="Vertical" ActiveItemStyle-Wrap="true" AllowPaging="true" >

</RowIndicatorColumn>

</ExpandCollapseColumn>

<telerik:GridBoundColumn HeaderText="Action" DataField="ActionDesc" SortExpression="ActionDesc" ItemStyle-Wrap="true" />

<telerik:GridBoundColumn HeaderText="Result" DataField="Text" ItemStyle-Wrap="true"/>

<telerik:GridBoundColumn HeaderText="Created By" DataField="CreatedBy" SortExpression="CreatedBy" ItemStyle-Wrap="true" MaxLength="20"/>

<telerik:GridBoundColumn HeaderText="Created On" DataField="CreatedOn" SortExpression="CreatedOn" ItemStyle-Wrap="true"/>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</td>

</tr>

</table>

</td>

</tr>

</table>

</fieldset>

div>

answered on 09 Jul 2010, 12:17 PM

Hello Sri,

Currently you are missing an HTML element with a client ID of "charsCount" - this is the element, which will show the remaining characters. Please inspect my demo once again more carefully.

In addition, if the RadTextBox and Javascript code are added to the page after an AJAX request, you need to include the <script> tag inside a RadScriptBlock control.

http://www.telerik.com/help/aspnet-ajax/ajxradscriptblockradcodeblock.html

Greetings,
Dimo
the Telerik team