jsf - All tabs of tabpanel refreshed, when event happens in any one of the tab (Richface 3.3.4) -


we have tabpanel has multiple tabs. when event performed in of tabs (e.g. click 'ajaxsubmit' button in tab1) tabs refreshed causing performance issues (e.g. getter of 'table' value invoked tab3).

we tried wrap content of each tab in <a4j:region>, getters of components in tab3 still invoked.

please find sample code snippet below:

<r:tabpanel id="tabworkingpanel" styleclass="ottmcontainer" selectedtab="#{tabhandlerbean.activetab}">     <rich:tab id="tab1">         <h:commandbutton value="ajaxsubmit"/>     </rich:tab>     <rich:tab id="tab2" />     <rich:tab id="tab3">         <rich:datatable id="table" value="#{bean.somevalue}">...</rich:datatable>     </rich:tab> </r:tabpanel>

i think should using rerender relevant tabs refreshed. think should wrap contents of each tab in form not submitted on each submit, though perhaps that's trying region. read documentation make sure you're using these correctly.

i have not used richfaces, i'm not positive work, similar approach works primefaces.

balusc's description of process , update may useful. he's discussing primefaces, think same concepts apply.


Comments

Post a Comment

Popular posts from this blog

javascript - AngularJS custom datepicker directive -

i make custom datepicker directive custom template. but have no idea how start building it... how include date data directive? i appreciate guide or give me advice work on more precisely. it might you! follow below steps html code sample: <label>birth date</label> <input type="text" ng-model="birthdate" date-options="dateoptions" custom-datepicker/> <hr/> <pre>birthdate = {{birthdate}}</pre> <script type="text/ng-template" id="custom-datepicker.html"> <div class="enhanced-datepicker"> <div class="proxied-field-wrap"> <input type="text" ui-date-format="yy-mm-dd" ng-model="ngmodel" ui-date="dateoptions"/> </div> <label> <button class="btn" type="button"><i class="icon-calendar"></i>
Read more

javascript - jQuery date picker - Disable dates after the selection from the first date picker -

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jquery ui datepicker - default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function () { $("#datepicker1").datepicker(); }); </script> <script> $(function () { $("#datepicker2").datepicker(); }); </script> </head> <body> <p>date 1: <input type="text" id="datepicker1"></p> <p>date 2: <input type="t
Read more