Textarea field trigger change when not changed

klymov.inekon · March 31

Hello, I have a problem: textarea field which contain xml string "changed", when I even not touch it.
I change another field, but xml field also included in edit request from backend. It's inline editor and submit: 'changed',
My settings

let editorOptions = {
    ajax: ...
    table: '#tableEditor',
    formOptions: {
      inline: {
         submit: 'changed',
         onBlur: 'none',
      }
    },
    fields:
    [...,
       {
          "getFormatter":    function (val) { debugger; return val; },
          "label":"xml",
          "name":"xml",
          "nullDefault":true,
          "setFormatter":    function (val) { debugger; return val; },
          "type":"textarea"
       }
    ],
};

Xml, that I have in field, but not even touch (Same format with tabs and whitespaces)

<style type="text/css">email
            * {font-family:Verdana; font-size:11px;} 
            table {border:1px solid #888888;width: 100%;table-layout: auto;margin:0;}
            td, th {border:1px solid #888888; padding:2px 7px 2px 7px;}  
        
            .err {background-color:#ffcccc;}
            .errhead {background-color:#ccffcc;}
            .disk {background-color:#fff0aa;} 
            .nonDel {background-color:#ff0000;}
            </style>

I compared income and outcome values by get and set formatters and they are identic.
Can it be problem in textarea tag or I need to make some additional config?
Thanks

allan · April 1

Hi,

Can you give me a link to the page so I can take a look and see what is going on?

Thanks,
Allan

klymov.inekon · April 1

Unfortunately, app running only in local servers without internet access. https://live.datatables.net/cunuliku/1/edit?html,js,output only this without editor

allan · April 2

I don't quite understand I'm afraid. You have a textarea in the table at all times? Does Editor operate with that textarea at all? Or do you have the Editor instance displaying the contents of the textarea, duplicating it, or something else?

Thanks,
Allan

klymov.inekon · April 3

I have an Editor that has a field with a textarea type when editing. It contains html markup. If I enable and disable the field, the editor notices a change that was not there, because I only enabled and disabled the inline field.

allan · April 4

How are you enabling and disabling the field - the example doesn't show that? Simply enabling and disabling a field doesn't change the value, so it shouldn't make any difference.

Can you give me step by step instructions with the example on how to see the error? I'm still not quite understanding how I can reproduce the issue.

Allan

klymov.inekon · April 4

enabling and disabling - I just click on td. standard inline editing.
Simply enabling and disabling a field doesn't change the value, so it shouldn't make any difference.
Yes, and it's not changed with another data, it's only this xml in first message cause this problem

kthorngren · April 4

I built a running test case for you:
https://live.datatables.net/guwafemu/614/edit

It uses columns.render to show the HTML Datatables reads from the document, for example:

<textarea>&lt;style type="text/css"&gt;email
            * {font-family:Verdana; font-size:11px;}
            table {border:1px solid #888888;width: 100%;table-layout: auto;margin:0;}
            td, th {border:1px solid #888888; padding:2px 7px 2px 7px;} 
         
            .err {background-color:#ffcccc;}
            .errhead {background-color:#ccffcc;}
            .disk {background-color:#fff0aa;}
            .nonDel {background-color:#ff0000;}
            &lt;/style&gt;
              </textarea>

It looks like the browser is converting the < and > around the style tags to HTML entities < and >. This ends up as the Datatables data.

When inline editing one of the other fields the preSubmit event will output what Editor sees in the field, for example:

<textarea><style type="text/css">email
            * {font-family:Verdana; font-size:11px;}
            table {border:1px solid #888888;width: 100%;table-layout: auto;margin:0;}
            td, th {border:1px solid #888888; padding:2px 7px 2px 7px;} 
         
            .err {background-color:#ffcccc;}
            .errhead {background-color:#ccffcc;}
            .disk {background-color:#fff0aa;}
            .nonDel {background-color:#ff0000;}
            </style>
              </textarea>

The HTML entities are replaced with < and >. I guess this is why Editor sees the field as changed and is submitting it.

I'm not sure the best way to handle this. Hopefully @allan can provide more insight.

Kevin

Textarea field trigger change when not changed

Textarea field trigger change when not changed

Answers

Howdy, Stranger!

Categories

DataTables

Textarea field trigger change when not changed

Textarea field trigger change when not changed

Answers

Howdy, Stranger!

Quick Links

Categories

DataTables