Title: Footer row with dynamically updating capabilities Post by: chorauoc on March 16, 2017, 04:59:50 AM Dear All,
Footer row with dynamically updating capabilities I need to show two values in the easyui data-grid footer. i.e Total Bal & Available Bal Let me explain this further, in my data-grid users must be able to inline edit data-grid cell in a column (let say balance) and when user finish editing i want to reload the footer(only footer, not entire grid) by showing the remain balance as the (Total Bal- entered Amount) and this must repeat each cell , means Available bal must be gradually decrees while user enter values, So how can i achieve this, Please help me ??? I saw this example, but it want update when i edit cell value http://jsfiddle.net/DQMQ9/ Thanks Title: Re: Footer row with dynamically updating capabilities Post by: stworthy on March 16, 2017, 05:15:18 PM Please call the 'reloadFooter' method to update the footer rows.
Code: $('#dg').datagrid('reloadFooter', [ Title: Re: Footer row with dynamically updating capabilities Post by: chorauoc on March 16, 2017, 08:46:11 PM Thanks, as always love this framework
Title: Re: Footer row with dynamically updating capabilities Post by: karogel on June 27, 2017, 11:45:41 PM sir where should be the proper position of this code:
$('#dg').datagrid('reloadFooter', [ {itemid:'Total Bal',listprice:123}, {itemid:'Available Bal',listprice:456} ]); Title: Re: Footer row with dynamically updating capabilities Post by: Pierre on June 28, 2017, 01:29:58 AM Everywhere you want, you can have a "Reload" button which call that code or call such function after you did some changes..
|