I was replacing "\n" with &#10 after getting data from the server, and it was working perfectly in Firefox even when editing with textarea. But because of the JQuery .html() function behavior it was not working in IE at all. Your solution solved it 🙂

I've solved my final problem by editing grid.inlinedit.js.  After line 94:

        tmp[nm]= !$t.p.autoencode ? $("input, textarea",this).val() : htmlEncode($("input, textarea",this).val());

I've added:

tmp[nm]=tmp[nm].replace(/\\n/g,'<BR>');

This replaces the javascript \\n line breaks with a <BR> and allow line breaks to show correctly in cells when they are not being edited.

In my function which returns (JSON format) data from the server, I'm doing a replace on CHR(10) and returning <BR> instead.  This has the desired effect of breaking up my text in cells in the grid.  Problem 1 solved.

In my call to editRow in my onSelectRow event, I'm passing a function name to the oneditfunc parameter.  In this function I'm replacing <BR> with \\n.  This has the desired effect of putting line breaks into my editable text area when the row is clicked.  Problem 2 solved 🙂

My remaining problem is thus: when I edit a cell and put carriage returns in the text and hit return, the row is saved.  Looking in my data, I can see that it has saved with a chr(10).  So far so good.  However, the grid doesn't refresh after a save, and the grid replaces any carriage returns with spaces.  ie - in the GUI, it has now lost me my nice line breaks.  So my question is - what is the best way to have the grid preserve these line breaks once they have been edited?

Thanks in advance.

It is really difficult to play with this, but maybe you will need to call ajax in beforeShowForm to obtain that field from db.

Regards

Tony

Anyone knows how to preserve line break in the form text area?

Thanks! Maggie

I figured out how to get the form field value. but I can't make the line break work. My codes are as below:

beforeShowForm : function(formid){

              //get comments (text area field) value;

              var comments= $("#comments",formid).val() ;

              //replacement

             var newComments = comments.replace(/\\n/g, "<br/>");

            //set field with new value
            $("#comments",formid).val(newComments);

}
 

 For example, I want the field show in sevral lines:

firstline

secondline

thirdline

but it shows as firstline<br/> secondline<br/> thirdline

How to convert the <br/> to new lines?

I know I can use  "

<![CDATA[]]>

" for the grid cell value, but it does not work for the edit form field.

Thanks, Maggie

How to get the value of a field and do the change?

I tired this:

beforeShowForm : function(formid){

   alert ("field value: " + $("#Comments",formid).value);

},

But it does not work.

Can you give me an example?

Thanks,

Maggie

onInitialize form fires only one time. Try with beforeShowForm for that textarea field

Regards

Tony

I have a column called "Comments ".  I set it as "TEXTAREA" on the edit form.  I can use "Enter" key to do a new line in the input box. And the new line "\\n"  can be saved in the database.  But when I open the edit form again, the line break disappear. How to show the line break in the text area input box again? I am thinking of doing something using onInitializeForm function:

onInitializeForm :

function (formid) {

       //replace "\\n" with the html code <br/>;

}

Is this doable? can you give me some example codes?

Thanks!

Maggie