Utilizing conditional rendering to display a dataTable based on specific conditions

In my JSF page, I currently have a <rich:dataTable> element.

<rich:dataTable id="transactionTable" rendered="#{tellerBean.userTransactions.size() > 0}"
    value="#{tellerBean.userTransactions}" var="transaction">

One of the issues I'm facing is that after clicking on a search button and populating the backing list, re-rendering the table doesn't work as expected. This is because the rendered attribute is executed server-side before the grid is converted to HTML, so attempting to re-render the table won't update its visibility based on the list size. Can someone suggest a solution for hiding the grid when the list is empty and showing it when the list has elements?

ajaxjsfrichfaces

Answer №1

Enclose it in a component that is always displayed and simply update it when necessary.

<h:panelGroup id="transactionTableGroup">
    <rich:dataTable ... rendered="#{not empty tellerBean.userTransactions}">

    </rich:dataTable>
</h:panelGroup>

(please note that I revised the EL expression in the rendered attribute for better functionality; the previous one could potentially cause XML syntax errors with Facelets instead of legacy JSP)

Related resources:

  • Understanding the need to nest components with rendered="#{some}" inside another component for ajax updates.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Tips for updating multiple database columns in a single query

While following a tutorial on updating a database with ajax, I encountered a situation where the tutorial wanted to create a new row for each update, but I needed to update an existing row instead. I managed to modify the code to suit my requirements, but ...

phpmysqlajaxdatabase

"Transferring a JavaScript variable to Twig: A step-by-step guide for this specific scenario

When it comes to loading a CSS file based on the user's selected theme, I encountered an issue while trying to implement this in my Symfony application using Twig templates. The code worked flawlessly on a simple HTML page, but transferring it to a Tw ...

javascriptcssajaxsymfonytwig

Can you provide a guide on how to retrieve an HTML file using JSON?

There is a problem with fetching files in different formats. Specifically, I want to retrieve an HTML file that needs to be embedded in an iFrame. Currently, my AJAX request only retrieves SWF files. Is there a way to call and fetch the HTML file instead ...

javascriptjqueryhtmlajaxjson

Unable to transform it into the specified content-type of application/json

let formData = new FormData(); formData.append('_token', vm.response._token); formData.append('file', vm.response.content[i].path); formData.append('type', vm.respons ...

phpjsonajaxlaravel

Utilizing $.Deferred() in a loop of nested ajax requests

I have spent countless hours searching for solutions to my problem, but I am still hopeful that someone out there has a solution. The issue at hand is being able to receive a notification once function a() has finished its execution. The challenge lies in ...

javascriptjqueryajaxdeferred

Leveraging AJAX in Ruby on Rails

In my controller, I have a function that looks like this: def showRecipeIngredients ingredients = RecipeIngredient.where( "recipe_id = ?", params[:id]).all @html = "" ingredients.each do |i| @html = @html + "<p>#{Food.find_by_ndb ...

jqueryruby-on-railsajaxjson

Unusual actions observed in ajax rails form calculator with pre-filled values

I have a form calculator in Rails that utilizes AJAX without a database. While it functions properly, I have noticed some peculiar behavior which I would like to address. Firstly, I navigate to the /interest_calculator page Then, I input 10 into @first_0 ...

javascriptruby-on-railsajaxforms

Updating the progress bar without the need to refresh the entire page is

Currently, I have two PHP pages: page.php and loader.php. Loader.php retrieves data from MySQL to populate a progress bar, while page.php contains a function that refreshes loader.php every second. This setup gets the job done, but it's not visually a ...

javascriptphphtmljqueryajax

Ways to restrict a function to a single DOM element using either its id or class

This script is responsible for dynamically loading pages on my website. It works fine, except that it currently iterates over all anchor tags a on the site, whereas I want it to iterate only through my navigation menu. Here is the navigation menu: <div ...

javascriptjqueryhtmlajax

JavaScript that Implements MVC Architecture Using C#

When working on a cshtml page within my View, I am able to easily retrieve the URL to an action using this line of code: <h1>@Url.Action("NewComment", "Case")</h1> If I include the same code in JavaScript like this: <script> alert( ...

c#javascriptjqueryajaxasp.net-mvc

Confirming the user's login status using AJAX on the front-end

Currently facing the following issue: I am working on a Rails (version 3.2.8) application that utilizes devise for authentication. The backend is a RESTful API while the front-end consists of a backbone one-page app. Although I have successfully implemen ...

ruby-on-railsajaxauthenticationbackbone.jsdevise

What happens to the arrays within my function?

I am working on a controller code: public function getChartData(){ $result["categories"] = array(); $result["series"] = array(); $sales = $this->db->Execute("select id_tenant, nama_kantin, count(id_penjualan) as jumlah_penjualan, s ...

phpjquerysqlajaxadodb

Leveraging deferred for linking loops involving several ajax requests

Despite the fact that several questions have been answered on this topic, none of them seem to be effective in this particular scenario. function login(u,p) { console.log(1); return $.post(url, {u,p}); } function out() { console.log(3); //a f ...

javascriptjqueryajaxjquery-deferred

Continuously invoking a function until jQuery's .post method has completed loading

As I am diving into the world of jQuery framework, I encountered a situation where I used the readyState() function while working with AJAX in regular JavaScript to display a loading gif image. However, when transitioning to using jQuery's .post() met ...

javascriptjqueryajax

Is the 404 error a result of the ajax code?

I'm currently working on a form that utilizes AJAX to validate and interconnect various form elements. Below is a simplified version of my code: <?php if( isset( $_POST['create_transaction'] ) ) { // do something } ?> <div> ...

javascriptphphtmlajaxhttp-status-code-404

I am experiencing difficulties in accessing the DOM

I have implemented jQuery $.ajax to dynamically load data into table rows as shown below: <table id='row-data'> <tr><td>1001</td></tr> <tr><td>1322</td></tr> <tr><td>15 ...

javascriptjqueryajaxeventsjquery-events

Encountering the error message "Uncaught TypeError: $.ajax is undefined"

Recently, I encountered an issue with my form that utilizes ajax to send user information to a php file. The form is embedded within a bootstrap modal and was functioning perfectly until I attempted to add an extra field for enhanced functionality. However ...

javascriptphpjqueryajaxtwitter-bootstrap

Creating a series of promises in a structured chain

How can the code structure be improved, especially regarding exception handling within a "promise chain"? $("#save").click(function(e) { e.preventDefault(); let $self = $(this); let profile = {} $self.prop("disabled" ...

javascriptjqueryajaxpromise

Having trouble with CORS in CodeIgniter and can't seem to avoid it?

I have been working with AJAX requests in my CodeIgniter application. In my controller function, I have included the following code: public somefunction(){ $this->output->set_header('Access-Control-Allow-Origin: *'); $this->output-&g ...

phpajaxcodeigniterxmlhttprequestcors

Exploring the jQuery load function paired with the Bootstrap navbar highlighting active pages

I recently implemented a bootstrap navbar on my website, and to easily update the content within it, I placed it in a separate file called nav01.php. However, I encountered an issue when trying to mark the active page in the navbar once I loaded it into ot ...

phpjqueryajaxtwitter-bootstrap