Forums

Hi,
I have a YUI datatable of multiple pages using paginator. I can retain the status of checkbox in all pages. But I am not able to retain the value of a text input field in all pages.

E.g - in one page I am inserting some value into text input field and I move to other pages. Then when I again come back to that page, the input field value is auto reset to the loading time.

Is there any way to handle that, even the input field object is also coming null for other pages.

my requirement: I will insert value to one input field in page 3 and in page 1 onclicking of submit button I should get the text inserted in page 3.

Thanks in advance.

I assume you are not using the built-in editor because if you did, the value would be preserved for you. As John has said, the DOM is destroyed on pagination because the DOM is just a reflection of what the DataTable stores internally in the RecordSet. The DOM is volatile, the RecordSet remains. What I disagree with John is that the field in the Record instance for the edited row has to be kept in synch at all times. The DOM is not only destroyed with pagination, sorting on a column will also destroy it and a few other actions also will so the rule is, as soon as something is updated, it should be reflected in the RecordSet, then whatever happens, it will be preserved and refreshed when paging through, sorting by column or whatever.

Thanks for your suggestions John, Satyam.

I understood that the dom object gets reset in each page and its client level. RecordSet once fetched remains. Got the cell edit feature of datatable. Thanks.

So basically it seems like we can't work on input fields with paginator or is there any way?

But the state of those controls will not be persisted when you paginate or sort, unless you save the values yourself.

For example, QuickEdit (http://jafl.github.com/yui2/quickedit/) shows input fields in all the table cells, but it disables pagination, because you have to save before doing anything else.

I built a YUI 3 Gallery module for saving state in a DataTable. It supports both form fields and widgets. It maintains the state, so you can save it when you want to. You are not forced to save it immediately.

http://yuilibrary.com/gallery/show/datatable-state