[CLOSED] textarea with line numbers

  1. #1

    [CLOSED] textarea with line numbers

    Is there a component out there that is compatible with extjs and it can be used with a textarea to display line numbers?

    I googled it and I found this component: http://alan.blog-city.com/jquerylinedtextarea.htm but it doesn't seem to work with extjs because it changes the hierarchy of the components and the output is not good (see the screenshot).

    Before I investigate further, I was curious if anyone came across of such an extension.

    Thanks
    Attached Thumbnails Click image for larger version. 

Name:	Capture.PNG 
Views:	186 
Size:	4.8 KB 
ID:	3253  
    Last edited by Daniil; Sep 29, 2011 at 8:05 AM. Reason: [CLOSED]
  2. #2
    Hi,

    Unfortunately, I have never met such extension yet and didn't find as well.

    I will ask other team members.
  3. #3
    I've tried the plugin you mentioned and it appears to be working fine with <ext:TextArea>.

    The one minor issue I see is a horizontal scrollbar under IE, but under FF and Chrome it's ok.

    Here is my test case.

    Example
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <!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">
        <title>Ext.Net Example</title>
        <script type="text/javascript" src="Resources/js/jquery-1.4.4.min.js"></script>
        <script type="text/javascript" src="/Resources/jquery-linedtextarea/jquery-linedtextarea.js"></script>
        <link type="text/css" rel="stylesheet" href="/Resources/jquery-linedtextarea/jquery-linedtextarea.css" />
        <script type="text/javascript">
            var registerLined = function (id) {
                $("#" + id).linedtextarea();
            };
        </script>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            <ext:TextArea 
                runat="server" 
                Width="250" 
                Height="200">
                <Listeners>
                    <AfterRender 
                        Handler="registerLined(this.id);" />
                </Listeners>
            </ext:TextArea>
        </form>
    </body>
    </html>
  4. #4
    Quote Originally Posted by Daniil View Post
    The one minor issue I see is a horizontal scrollbar under IE, but under FF and Chrome it's ok.
    I've just discovered the same thing with the original example:
    http://files.aw20.net/jquery-linedte...dtextarea.html

    Just clear the textarea.
  5. #5
    Please note that TextArea cannot be placed to Items collection if that plugin is used
    Please wrap it by Container and place the text area to Content area

Similar Threads

  1. Format numbers
    By idtny in forum 1.x Help
    Replies: 5
    Last Post: Apr 17, 2014, 4:31 PM
  2. Excel export, with numbers
    By FreddieBooo in forum 1.x Help
    Replies: 0
    Last Post: Jun 01, 2010, 5:46 AM
  3. serial numbers in grid
    By harshad.jadhav in forum 1.x Help
    Replies: 2
    Last Post: Mar 19, 2010, 2:32 AM
  4. [CLOSED] TextArea in Container doesn't line up to fields above
    By sdevanney in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jan 30, 2010, 5:45 PM
  5. Replies: 5
    Last Post: Feb 03, 2009, 11:49 AM

Tags for this Thread

Posting Permissions