Server : Apache/2.4.41 (Ubuntu) System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory :  /var/www/html/libs/absol-acomp/demo/dynamictable/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

var _ = absol._;
var $ = absol.$;


var table = _({
    tag: 'dynamictable',
    style:{
        height:'90vh',
        width:'100%',
    },
    props: {
        adapter: {
            data: {
                head:{
                    rows:[
                        {
                            cells:[
                                { child: { text: 'ID' } },
                                { child: { text: 'Name' } },
                                { child: { text: 'Score' } }
                            ]
                        }
                    ]
                },
                body:{
                    rows:Array(200).fill(null).map((u, i)=>{
                        return {
                            cells:[
                                { child: { text: (i + 1) + '' } },
                                { child: { tag:'textinput', props:{ value: 'text' } } },
                                { child: { tag:'numberinput', props: {value: Math.round(Math.random()*10)} }  }
                            ]
                        };
                    })
                }
            }
        }
    }
}).addTo(document.body);

var numberInputs = absol.$$('numberinput');
setTimeout(() => {
    // var idx = Math.floor(Math.random() * numberInputs.length);
    var idx = 100;
    var input = numberInputs[idx];
    input.focus();
    console.log("focus", input);
}, 5000);

setTimeout(() => {
    // var idx = Math.floor(Math.random() * numberInputs.length);
    var idx = 50;
    var input = numberInputs[idx];
    input.focus();
    console.log("focus", input);
}, 10000);