Two Editors on one page

komserbey

Hello,

I have a page with three tabs. On the second and third page I have a DataTable with the Editor. On the second tab is fnAdjustColumnSizing () properly working. On the third tab fnAdjustColumnSizing () is not working, it will be called.

What should I do. Please help me :)

Regards,

K

allan

Can you link to a test case please? You note that it is working not he second tab, but not the third, and I'd need to see the code to understand why that might be happening.

Allan

komserbey

Dear Allan,

I send you a PM.

Thank you.

Regards,

K

allan

Thank you for the PM.

There is a Javascript error occurring on the page:

> TypeError: 'undefined' is not an object (evaluating 'fieldConf.type')

Which is caused by this line of code in your fnInitComplete callback:

> editor.field('all_employee.id').update( json.all_employee );

Its almost fine, but the variable should be `editorDriver` not `editor` - since that is what you set up further up the script.

Regards,
Allan

komserbey

Dear Allan,

Thats really stupid of me :(
Thank you!

After corriging this, the header remain small in the third tab.
Could you help please?

Regards,

K

allan

Try using this to resize the table rather than the current code in the 'activate' event handler you've got:

[code]
$.each( $.fn.dataTable.fnTables(true), function () {
$(this).dataTable().fnAdjustColumnSizing();
} );
[/code]

You've got two tables which where matching the selector and only the first was being resized. The above addresses that.

Allan

komserbey

Dear Allan,

Thank you!! Everything is fine now.

Regards,

K