EasyUI Forum

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

 

Please call the 'reloadFooter' method to update the footer rows.

Thanks, as always love this framework

sir where should be the proper position of this code:

$('#dg').datagrid('reloadFooter', [
  {itemid:'Total Bal',listprice:123},
  {itemid:'Available Bal',listprice:456}
]);

Everywhere you want, you can have a "Reload" button which call that code or call such function after you did some changes..