title: PrimeFaces ajax not updating form components
body: <p>I have been trying to update form components by using primefaces ajax . but update property do not update .</p>
  
  <p>Let me elaborate:</p>
  
  <p>I have two selectonemenu in my form and I want to take the selected values from the menus and on submit button click I want the dataTable to be updated and populated with the respective data ..</p>
  
  <pre><code>&lt;p:outputLabel id="state" value="State Name"&gt;&lt;/p:outputLabel&gt;
              &lt;p:selectOneMenu id="statemenu" style="width:300px;"
                  value="#{MenuBean.state}"&gt;
                  &lt;f:selectItem itemLabel="Select One"&gt;&lt;/f:selectItem&gt;
                  &lt;f:selectItems value="#{MenuBean.stateList}"&gt;&lt;/f:selectItems&gt;
                          &lt;/p:selectOneMenu&gt;
  
              &lt;br&gt;&lt;/br&gt;
              &lt;p:outputLabel value="District"&gt;&lt;/p:outputLabel&gt;
              &lt;p:selectOneMenu id="dist" style="width:300px;"
                  value="#{MenuBean.district}"&gt;
                  &lt;f:selectItem itemLabel="Select One"&gt;&lt;/f:selectItem&gt;
                  &lt;f:selectItems value="#{MenuBean.districtList}"&gt;&lt;/f:selectItems&gt;
  
              &lt;/p:selectOneMenu&gt;
  
  
  
  &lt;p:commandButton id="btnSubmit" value="Submit" type="submit"
                          partialSubmit="true" process="statemenu,dist,@this"
                          actionListener="#{MenuBean.setVisiblity}"
                          action="#{MenuBean.getValues}" 
  
                         title="Submit"
                          style='font-family: font-family : Baskerville, "Baskerville Old Face",  "Hoefler Text", Garamond, "Times New Roman", serif; font-size: 14px; font-weight: normal'&gt;
  
  
                      &lt;/p:commandButton&gt;
  </code></pre>
  
  <p>Here is the Backing Bean</p>
  
  <pre><code>    public void getValues() {
      System.out.println("getting the values");
  
      DataTable.getDataTable(state, district);
  
      System.out.println(DataTable.Filter);
      System.out.println(DataTable.isLoaded);
      System.out.println(state);
      System.out.println(district);
  
  }
  
  public void setVisiblity(ActionEvent event) {
      DataTable.Filter = false;
      DataTable.isLoaded = true;
      System.out.println(event.getSource().toString());
      System.out.println("Enters the actionListener");
  
  }
  </code></pre>
  
  <p>Here is the datatable i want to render and filter panel i want to hide on click</p>
  
  <pre><code>    &lt;p:dataTable id="disptable" var="table" lazy="true"
              rowKey="#{table.sheet_no}" selectionMode="single"
              selection="#{DataTable.selectedSheet}" scrollable="true"
              scrollHeight="115" rendered="#{DataTable.loaded}"
              style="widht:auto ; margin-left:420px;margin-right:30px ;box-shadow: 10px 10px 25px #888888;"
              widgetVar="tabl" emptyMessage="No Records to display."&gt;
  
              &lt;p:column headerText="Sheet Number" style="width:25%"&gt;
                  &lt;h:outputLabel value="#{table.sheet_no}"&gt;&lt;/h:outputLabel&gt;
              &lt;/p:column&gt;
  
              &lt;p:column headerText="State" style="width:25%"&gt;
                  &lt;h:outputLabel value="#{table.state_cd}"&gt;&lt;/h:outputLabel&gt;
              &lt;/p:column&gt;
  
              &lt;p:column headerText="District" style="width:25%"&gt;
                  &lt;h:outputLabel value="#{table.district_cd}"&gt;&lt;/h:outputLabel&gt;
              &lt;/p:column&gt;
  
  
  
              &lt;f:facet name="footer"&gt;
                  &lt;p:commandButton id="selectButton" title="Show Complete Details"
                      icon="./images/show.png" update=":form:disp"
                      oncomplete="PF('Dialog').show()" process="@this,disptable"
                      style="height:25px;" ajax="true" iconPos="center" /&gt;
  
                  &lt;p:commandButton style="height:25px;" id="addCart"
                      title="Add to Cart" icon="./images/cart.png" global="false" /&gt;
  
                  &lt;p:commandButton style="height:25px;" id="location"
                      update=":form:tabs:MapDetails" process="@this,disptable"
                      title="Show Co-ordinates" icon="./images/cart.png" global="false" /&gt;
  
              &lt;/f:facet&gt;
          &lt;/p:dataTable&gt;
  
  &lt;h:panelGrid id="filter" columns="1" cellpadding="10" cellspacing="2"
              rendered="#{DataTable.filter}" 
              style="position:absolute;bottom:15px;right:80px;border: 1px solid #1f497d;box-shadow: 10px 10px 25px #888888;
          height:auto;width:600px;Text-align:center;"&gt;
              &lt;p:outputLabel value="Filter your search to get result."&gt;&lt;/p:outputLabel&gt;
          &lt;/h:panelGrid&gt;
      &lt;/h:panelGrid&gt;
  </code></pre>
  
  <p>Here is the whole page</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="ISO-8859-1" ?&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"&gt;
  &lt;h:head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /&gt;
      &lt;link href="./css/extra-styles.css" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="./css/menustyles.css" rel="stylesheet" type="text/css" /&gt;
      &lt;title&gt;SOI MAP TRANSACTION REGISTRY :: MAP&lt;/title&gt;
  &lt;/h:head&gt;
  &lt;body&gt;
      &lt;h:form id="form"&gt;
          &lt;f:event type="preRenderView" listener="#{DataTable.init}" /&gt;
          &lt;div id="header"&gt;
              &lt;div style="height: 151px;"&gt;
                  &lt;img id="logo"
                      style="position: relative; left: 60px; height: 146px; width: 100px"
                      src="images\img.gif" /&gt;
                  &lt;h:panelGrid id="panel1" columns="1"
                      style="position: absolute; bottom: auto; left: 175px; right: auto; top: 30px "&gt;
                      &lt;h:outputText id="output1" value="Survey of India"
                          style='line-height: normal; font-variant: normal; color: #400040; text-transform: none; font-style: normal; font-size: xx-large; font-family: "Times New Roman", Serif; font-weight: normal'&gt;&lt;/h:outputText&gt;
                      &lt;h:outputText styleClass="shadow" value="Map Transaction Registry"
                          style='font-style: italic; font-size: xx-large; font-family: Georgia, "Times New Roman", Serif; font-weight: normal'
                          id="shadow"&gt;&lt;/h:outputText&gt;
                  &lt;/h:panelGrid&gt;
                  &lt;div id="div1"
                      style="height: 5px; widht: auto; background-color: #CDCDCD; position: relative; top: 12px; bottom: auto; left: auto; right: auto"&gt;&lt;/div&gt;
                  &lt;hr id="hr"
                      style="height: 5px; widht: auto; position: relative; top: 3px; bottom: auto; left: auto; right: auto" /&gt;
              &lt;/div&gt;
              &lt;div id="div2"
                  style="background: #616063; height: 44px; width: auto; position: relative"&gt;&lt;/div&gt;
              &lt;div id='cssmenu'&gt;
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a href='index.xhtml'&gt;&lt;span&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;About Us&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Our Products&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="search.xhtml"&gt;&lt;span&gt;Search Image&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Contact&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li class='last'&gt;&lt;a href='signup.xhtml'&gt;&lt;span&gt;New
                                  User&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;p:fieldset rendered="#{!login_bean.validationComplete}"&gt;
              &lt;img
                  style="position: absolute; left: 10px; top: 45px; height: 45px; width: 45x"
                  src="images\login.gif" /&gt;
              &lt;p:growl id="growl" showDetail="false" sticky="false" life="3000"
                  autoUpdate="TURE" /&gt;
              &lt;h:panelGrid columns="4" class="formTable"
                  style="position: relative; left: 35px; top: 6px ;"&gt;
                  &lt;p:outputLabel value="Login/Email" style='font-size: 16px;' /&gt;
                  &lt;p:inputText value="#{login_bean.username}" id="username"
                      required="true" requiredMessage="Please Enter the username"
                      style="height:15px; width:auto;" /&gt;
  
              &lt;/h:panelGrid&gt;
  
              &lt;h:panelGrid columns="4" class="formTable"
                  style="position: relative; left: 35px; top:6px"&gt;
                  &lt;p:outputLabel value="Password" style='font-size: 16px;' /&gt;
                  &lt;br /&gt;
                  &lt;p:password style="height:15px;position: relative; left: 8px"
                      id="password" value="#{login_bean.password}" required="true"
                      requiredMessage="Please Enter the Password"&gt;
  
  
  
                  &lt;/p:password&gt;
              &lt;/h:panelGrid&gt;
              &lt;h:panelGrid columns="3" class="formTable"
                  style="position: relative; left: 80px; top: 6px"&gt;
                  &lt;br /&gt;
              &lt;/h:panelGrid&gt;
  
              &lt;h:commandButton id="btnLogin" value="Login"
                  action="#{login_bean.check}" type="submit" update="true"
                  style="position: relative; left:245px; top:-20px ; height:25px;widht:38;text-align: center; font-size: 14px;" /&gt;
              &lt;p:commandLink id="link"
                  style="position: relative; left:70px; top:-20px ;font-size:13px;"
                  value="Forgot Password ?"&gt;&lt;/p:commandLink&gt;
  
  
          &lt;/p:fieldset&gt;
  
          &lt;p:fieldset rendered="#{login_bean.validationComplete}"&gt;
              &lt;img
                  style="position: absolute; left: 10px; top: 30px; height: 65px; width: 55px"
                  src="images\icon.png" /&gt;
  
  
              &lt;h:panelGrid columns="1" class="formTable"
                  style="position: relative; left: 35px; top: 6px ;"&gt;
  
                  &lt;p:outputLabel
                      value="Welcome #{login_bean.username} to Map Tansaction Registry"
                      style='font-size: 16px; color: red;  text-align: center;   font-style: bold; font-family: "Times New Roman", Serif; font-weight: bold' /&gt;
              &lt;/h:panelGrid&gt;
  
              &lt;h:panelGrid columns="4" class="formTable"
                  style="position: relative; left: 55px; top: 6px ;" cellpadding="3"
                  cellspacing="3"&gt;
                  &lt;h:graphicImage url="images\cart.png"&gt;&lt;/h:graphicImage&gt;
                  &lt;h:commandLink value="Cart"
                      style='font-size: 15px; color:green;  text-align: center;   font-style: normal; font-family: Georgia, Times, "Times New Roman", serif; font-weight: normal'&gt;&lt;/h:commandLink&gt;
                  &lt;h:graphicImage url="images\edit.png"&gt;&lt;/h:graphicImage&gt;
                  &lt;h:commandLink value="Edit Details"
                      style='font-size: 15px; color:green;  text-align: center;   font-style: normal; font-family: Georgia, Times, "Times New Roman", serif; font-weight: normal'&gt;&lt;/h:commandLink&gt;
                  &lt;h:graphicImage url="images\pass.png"&gt;&lt;/h:graphicImage&gt;
                  &lt;h:commandLink value="Change Password"
                      style='font-size: 15px; color:green;  text-align: center;   font-style: normal; font-family: Georgia, Times, "Times New Roman", serif; font-weight: normal'&gt;&lt;/h:commandLink&gt;
                  &lt;h:graphicImage url="images\logout.png"&gt;&lt;/h:graphicImage&gt;
                  &lt;h:commandLink value="Logout" action="#{login_bean.logout}"
                      style='font-size: 15px; color:green;  text-align: center;   font-style: normal; font-family: Georgia, Times, "Times New Roman", serif; font-weight: normal'&gt;&lt;/h:commandLink&gt;
              &lt;/h:panelGrid&gt;
  
          &lt;/p:fieldset&gt;
  
          &lt;!-- Search Tab View --&gt;
          &lt;p:tabView activeIndex="2"&gt;
              &lt;p:tab title="Map Sheet"&gt;
                  &lt;h:panelGrid columns="2" cellpadding="2" cellspacing="2"&gt;
                      &lt;p:outputLabel value="Map Sheet No :" /&gt;
                      &lt;p:outputLabel value="*" style='color:red;' /&gt;
                  &lt;/h:panelGrid&gt;
                  &lt;h:panelGrid&gt;
                      &lt;p:inputText style="height:20px;width:300px;"&gt;&lt;/p:inputText&gt;
                  &lt;/h:panelGrid&gt;
                  &lt;br /&gt;
                  &lt;h:panelGrid columns="2" cellpadding="2" cellspacing="2"&gt;
                      &lt;p:outputLabel value="Scale/GSD " /&gt;
                      &lt;p:outputLabel value="*" style='color:red;' /&gt;
                  &lt;/h:panelGrid&gt;
                  &lt;h:panelGrid&gt;
                      &lt;p:selectOneMenu tabindex="1" style="height:25px;widht:auto;"&gt;
                          &lt;f:selectItem itemLabel="--  ALL  --" itemValue="all"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="5000" itemValue="5000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="6000" itemValue="6000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="8000" itemValue="8000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="10000" itemValue="10000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="12500" itemValue="12500"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="15000" itemValue="15000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="25000" itemValue="25000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="30000" itemValue="30000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="40000" itemValue="40000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="50000" itemValue="50000"&gt;&lt;/f:selectItem&gt;
                      &lt;/p:selectOneMenu&gt;
                  &lt;/h:panelGrid&gt;
                  &lt;br /&gt;
                  &lt;br /&gt;
                  &lt;h:panelGrid style="position:relative; left:165px" columns="2"
                      cellpadding="2" cellspacing="2"&gt;
                      &lt;p:commandButton value="Reset"
                          style='font-family: font-family : Baskerville, "Baskerville Old Face",
          "Hoefler Text", Garamond, "Times New Roman", serif;;
      font-size: 13px; font-weight: normal'&gt;&lt;/p:commandButton&gt;
                      &lt;p:commandButton id="submit" value="Submit"
                          style='font-family: font-family : Baskerville, "Baskerville Old Face",
          "Hoefler Text", Garamond, "Times New Roman", serif;;
      font-size: 13px; font-weight: normal'&gt;&lt;/p:commandButton&gt;
                  &lt;/h:panelGrid&gt;
  
                  &lt;!--    &lt;h:panelGrid&gt;
                      &lt;p:graphicImage url="images/tips.png"&gt;&lt;/p:graphicImage&gt;
                      &lt;p:outputLabel value="Tips :"&gt;&lt;/p:outputLabel&gt;
                  &lt;/h:panelGrid&gt; --&gt;
  
              &lt;/p:tab&gt;
              &lt;p:tab title="Lat/Long"&gt;
  
  
                  &lt;h:panelGrid columns="2" cellpadding="2" cellspacing="2"&gt;
                      &lt;p:outputLabel value="Lat BL : " /&gt;
                      &lt;p:outputLabel value="*" style='color:red;' /&gt;
                  &lt;/h:panelGrid&gt;
                  &lt;h:panelGrid&gt;
  
                      &lt;p:inputText style="height:20px;width:300px;"&gt;&lt;/p:inputText&gt;
                  &lt;/h:panelGrid&gt;
                  &lt;h:panelGrid columns="2" cellpadding="2" cellspacing="2"&gt;
                      &lt;p:outputLabel value="Lng BL : " /&gt;
                      &lt;p:outputLabel value="*" style='color:red;' /&gt;
                  &lt;/h:panelGrid&gt;
                  &lt;h:panelGrid&gt;
                      &lt;p:inputText style="height:20px;width:300px;"&gt;&lt;/p:inputText&gt;
                  &lt;/h:panelGrid&gt;
                  &lt;h:panelGrid columns="2" cellpadding="2" cellspacing="2"&gt;
                      &lt;p:outputLabel value="Lat TR : " /&gt;
                      &lt;p:outputLabel value="*" style='color:red;' /&gt;
                  &lt;/h:panelGrid&gt;
                  &lt;h:panelGrid&gt;
                      &lt;p:inputText style="height:20px;width:300px;"&gt;&lt;/p:inputText&gt;
                  &lt;/h:panelGrid&gt;
                  &lt;h:panelGrid columns="2" cellpadding="2" cellspacing="2"&gt;
                      &lt;p:outputLabel value="Lng TR : " /&gt;
                      &lt;p:outputLabel value="*" style='color:red;' /&gt;
                  &lt;/h:panelGrid&gt;
                  &lt;h:panelGrid&gt;
                      &lt;p:inputText style="height:20px;width:300px;"&gt;&lt;/p:inputText&gt;
                  &lt;/h:panelGrid&gt;
  
                  &lt;br /&gt;
                  &lt;p:commandLink value="Grab bounding from the Map"&gt;&lt;/p:commandLink&gt;
                  &lt;h:panelGrid columns="2" cellpadding="2" cellspacing="2"&gt;
                      &lt;p:outputLabel value="Scale/GSD"&gt;&lt;/p:outputLabel&gt;
                      &lt;p:selectOneMenu tabindex="1"&gt;
                          &lt;f:selectItem itemLabel="--  ALL  --" itemValue="all"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="5000" itemValue="5000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="6000" itemValue="6000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="8000" itemValue="8000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="10000" itemValue="10000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="12500" itemValue="12500"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="15000" itemValue="15000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="25000" itemValue="25000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="30000" itemValue="30000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="40000" itemValue="40000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="50000" itemValue="50000"&gt;&lt;/f:selectItem&gt;
                      &lt;/p:selectOneMenu&gt;
                  &lt;/h:panelGrid&gt;
                  &lt;br /&gt;
                  &lt;h:panelGrid style="position:relative; left:165px" columns="2"
                      cellpadding="2" cellspacing="2"&gt;
                      &lt;p:commandButton value="Reset"
                          style='font-family: font-family : Baskerville, "Baskerville Old Face",
          "Hoefler Text", Garamond, "Times New Roman", serif;;
      font-size: 13px; font-weight: normal'&gt;&lt;/p:commandButton&gt;
                      &lt;p:commandButton value="Submit"
                          style='font-family: font-family : Baskerville, "Baskerville Old Face",
          "Hoefler Text", Garamond, "Times New Roman", serif;;
      font-size: 13px; font-weight: normal'&gt;&lt;/p:commandButton&gt;
                  &lt;/h:panelGrid&gt;
              &lt;/p:tab&gt;
              &lt;p:tab title="Name"&gt;
  
                  &lt;h:panelGrid columns="1"&gt;
                      &lt;p:outputLabel id="state" value="State Name"&gt;&lt;/p:outputLabel&gt;
                      &lt;p:selectOneMenu id="statemenu" style="width:300px;"
                          value="#{DropDown.selectedState}"&gt;
                          &lt;f:selectItem itemLabel="Select One"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItems value="#{DropDown.stateList}"&gt;&lt;/f:selectItems&gt;
                      &lt;/p:selectOneMenu&gt;
  
                      &lt;br&gt;&lt;/br&gt;
                      &lt;p:outputLabel value="District"&gt;&lt;/p:outputLabel&gt;
                      &lt;p:selectOneMenu id="dist" style="width:300px;"
                          value="#{DropDown.selectedDistrict}"&gt;
                          &lt;f:selectItem itemLabel="Select One"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItems value="#{DropDown.districtList}"&gt;&lt;/f:selectItems&gt;
                      &lt;/p:selectOneMenu&gt;
                  &lt;/h:panelGrid&gt;
                  &lt;br /&gt;
                  &lt;h:panelGrid columns="2"&gt;
  
                      &lt;p:outputLabel value="Scale/GSD"&gt;&lt;/p:outputLabel&gt;
                      &lt;p:selectOneMenu tabindex="1"&gt;
                          &lt;f:selectItem itemLabel="   --ALL--   " itemValue="all"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="5000" itemValue="5000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="6000" itemValue="6000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="8000" itemValue="8000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="10000" itemValue="10000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="12500" itemValue="12500"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="15000" itemValue="15000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="25000" itemValue="25000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="30000" itemValue="30000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="40000" itemValue="40000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="50000" itemValue="50000"&gt;&lt;/f:selectItem&gt;
                      &lt;/p:selectOneMenu&gt;
                  &lt;/h:panelGrid&gt;
                  &lt;br /&gt;
                  &lt;h:panelGrid style="position:relative; left:165px" columns="2"
                      cellpadding="2" cellspacing="2"&gt;
                      &lt;p:commandButton value="Reset"
                          style='font-family: font-family : Baskerville, "Baskerville Old Face",
          "Hoefler Text", Garamond, "Times New Roman", serif;;
      font-size: 14px; font-weight: normal'&gt;&lt;/p:commandButton&gt;
                      &lt;p:commandButton id="btnSubmit" value="Submit" type="submit"
                          partialSubmit="true" process="statemenu,dist,@this"
                          actionListener="#{DropDown.setVisiblity}"
                          action="#{DropDown.getValues}" title="Submit" 
                          update="@all"
                          ajax="true"
                          style='font-family: font-family : Baskerville, "Baskerville Old Face",  "Hoefler Text", Garamond, "Times New Roman", serif; font-size: 14px; font-weight: normal'&gt;
                      &lt;/p:commandButton&gt;
                  &lt;/h:panelGrid&gt;
              &lt;/p:tab&gt;
              &lt;p:tab title="Spec"&gt;
                  &lt;h:panelGrid columns="2" cellpadding="2" cellspacing="2"&gt;
                      &lt;p:outputLabel value="Specification Number :" /&gt;
                      &lt;p:outputLabel value="*" style='color:red;' /&gt;
                  &lt;/h:panelGrid&gt;
                  &lt;h:panelGrid&gt;
                      &lt;p:inputText style="height:20px;width:300px;"&gt;&lt;/p:inputText&gt;
                  &lt;/h:panelGrid&gt;
                  &lt;br /&gt;
                  &lt;h:panelGrid columns="2" cellpadding="2" cellspacing="2"&gt;
                      &lt;p:outputLabel value="Scale/GSD " /&gt;
                      &lt;p:outputLabel value="*" style='color:red;' /&gt;
                  &lt;/h:panelGrid&gt;
                  &lt;h:panelGrid&gt;
                      &lt;p:selectOneMenu tabindex="1" style="height:25px;widht:auto;"&gt;
                          &lt;f:selectItem itemLabel="--  ALL  --" itemValue="all"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="5000" itemValue="5000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="6000" itemValue="6000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="8000" itemValue="8000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="10000" itemValue="10000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="12500" itemValue="12500"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="15000" itemValue="15000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="25000" itemValue="25000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="30000" itemValue="30000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="40000" itemValue="40000"&gt;&lt;/f:selectItem&gt;
                          &lt;f:selectItem itemLabel="50000" itemValue="50000"&gt;&lt;/f:selectItem&gt;
                      &lt;/p:selectOneMenu&gt;
                  &lt;/h:panelGrid&gt;
                  &lt;br /&gt;
                  &lt;br /&gt;
                  &lt;h:panelGrid style="position:relative; left:165px" columns="2"
                      cellpadding="2" cellspacing="2"&gt;
                      &lt;p:commandButton value="Reset"
                          style='font-family: font-family : Baskerville, "Baskerville Old Face",
          "Hoefler Text", Garamond, "Times New Roman", serif;;
      font-size: 13px; font-weight: normal'&gt;&lt;/p:commandButton&gt;
                      &lt;p:commandButton value="Submit"
                          style='font-family: font-family : Baskerville, "Baskerville Old Face",
          "Hoefler Text", Garamond, "Times New Roman", serif;;
      font-size: 13px; font-weight: normal'&gt;&lt;/p:commandButton&gt;
                  &lt;/h:panelGrid&gt;
              &lt;/p:tab&gt;
          &lt;/p:tabView&gt;
  
  
          &lt;!--The tab to Display the Complete Meta data of the sheet selected  --&gt;
          &lt;p:tabView id="tabs" scrollable="true" orientation="top"
              styleClass="tabs" style="position:absolute; top:240px;"&gt;
              &lt;p:tab title="Meta Data"&gt;
  
                  &lt;h:panelGrid id="MapDetails"&gt;
  
                      &lt;h:panelGrid columns="2" cellpadding="2" cellspacing="5"
                          style="position:relative;left:5px;top:50px"&gt;
                          &lt;p:outputLabel value="Sheet No :   " style="font:serif"&gt;&lt;/p:outputLabel&gt;
                          &lt;p:outputLabel value="#{DataTable.selectedSheet.sheet_no}"&gt;&lt;/p:outputLabel&gt;
                          &lt;p:outputLabel value="Surveyed year :    "&gt;&lt;/p:outputLabel&gt;
                          &lt;p:outputLabel value="--"&gt;&lt;/p:outputLabel&gt;
                          &lt;p:outputLabel value="Publication Year :  "&gt;&lt;/p:outputLabel&gt;
                          &lt;p:outputLabel value="--"&gt;&lt;/p:outputLabel&gt;
                          &lt;p:outputLabel value="Map Projection:   "&gt;&lt;/p:outputLabel&gt;
                          &lt;p:outputLabel value="--"&gt;&lt;/p:outputLabel&gt;
                          &lt;p:outputLabel value="Map Datum :    "&gt;&lt;/p:outputLabel&gt;
                          &lt;p:outputLabel value="--"&gt;&lt;/p:outputLabel&gt;
                          &lt;p:outputLabel value="Place  :   "&gt;&lt;/p:outputLabel&gt;
                          &lt;p:outputLabel value="--"&gt;&lt;/p:outputLabel&gt;
                      &lt;/h:panelGrid&gt;
                      &lt;h:panelGrid&gt;
                          &lt;h:panelGrid style="position:relative;left:-110px;top:-170px"&gt;
                              &lt;div
                                  style="position: absolute; top: 95px; left: 20px; border-bottom-style: solid; border-bottom-width: thin; border-top-style: solid; border-top-color: #000000; height: 104px; width: 202px; bottom: auto; left: 414px; right: auto; border-bottom-color: #000000; border-top-width: thin"&gt;&lt;/div&gt;
                              &lt;div
                                  style="border-left-color: #000000; border-right-color: #000000; border-left-style: dashed; border-right-width: medium; border-right-style: dashed; border-left-width: medium; height: 180px; width: 134px; position: absolute; bottom: auto; left: 450px; right: auto; top: 65px"&gt;&lt;/div&gt;
                          &lt;/h:panelGrid&gt;
                          &lt;p:outputLabel title="North East Corner Longitude"
                              value="#{DataTable.selectedSheet.NE_Corner_Long}"
                              style="position: absolute; bottom: auto; right: 135px; top:75px"&gt;&lt;/p:outputLabel&gt;
                          &lt;p:outputLabel title="North West Corner Longitude"
                              value="#{DataTable.selectedSheet.NW_Corner_Long}"
                              style="position: absolute; bottom: auto; right: 275px; top: 75px"&gt;&lt;/p:outputLabel&gt;
                          &lt;p:outputLabel title="North East Corner Latitude"
                              value="#{DataTable.selectedSheet.NE_Corner_Lat}"
                              style="position: absolute; bottom: auto; right: 82px; top: 123px"&gt;&lt;/p:outputLabel&gt;
                          &lt;p:outputLabel title="South East Corner Latitude"
                              value="#{DataTable.selectedSheet.SE_Corner_Lat}"
                              style="position: absolute; bottom: auto; right: 82px; top: 228px"&gt;&lt;/p:outputLabel&gt;
                          &lt;p:outputLabel title="North West Corner Latitude"
                              value="#{DataTable.selectedSheet.NW_Corner_Lat}"
                              style="position: absolute; bottom: auto; right: 330px; top: 123px"&gt;&lt;/p:outputLabel&gt;
                          &lt;p:outputLabel title="South West Corner Latitude"
                              value="#{DataTable.selectedSheet.SW_Corner_Lat}"
                              style="position: absolute; bottom: auto; right: 330px; top: 228px"&gt;&lt;/p:outputLabel&gt;
                          &lt;p:outputLabel title="South East Corner Longitude"
                              value="#{DataTable.selectedSheet.SE_Corner_Long}"
                              style="position: absolute; bottom: auto; right: 135px; top: 290px"&gt;&lt;/p:outputLabel&gt;
                          &lt;p:outputLabel title="Sorth West Corner Longitude"
                              value="#{DataTable.selectedSheet.SW_Corner_Long}"
                              style="position: absolute; bottom: auto; right: 275px; top: 290px"&gt;&lt;/p:outputLabel&gt;
                          &lt;h:panelGrid columns="2" cellpadding="3" cellspacing="5"
                              style="postion:absolute;margin-left:300px;margin-top:85px"&gt;
                              &lt;p:outputLabel value="State :   "&gt;&lt;/p:outputLabel&gt;
                              &lt;p:outputLabel value="#{DataTable.selectedSheet.state_cd}"&gt;&lt;/p:outputLabel&gt;
                              &lt;p:outputLabel value="District :   "&gt;&lt;/p:outputLabel&gt;
                              &lt;p:outputLabel value="#{DataTable.selectedSheet.district_cd}"&gt;&lt;/p:outputLabel&gt;
                          &lt;/h:panelGrid&gt;
                      &lt;/h:panelGrid&gt;
                  &lt;/h:panelGrid&gt;
              &lt;/p:tab&gt;
          &lt;/p:tabView&gt;
  
  
          &lt;h:panelGrid id="render" style="margin-top:200px;"&gt;
  
  
              &lt;!-- The Datatable --&gt;
              &lt;p:dataTable id="disptable" value="#{DataTable.dataTable}"
                  var="table" lazy="true" rowKey="#{table.sheet_no}"
                  selectionMode="single" selection="#{DataTable.selectedSheet}"
                  scrollable="true" scrollHeight="115" rendered="#{DataTable.loaded}"
                  style="widht:auto ; margin-left:420px;margin-right:30px ;box-shadow: 10px 10px 25px #888888;"
                  widgetVar="tabl" emptyMessage="No Records to display."&gt;
  
                  &lt;p:column headerText="Sheet Number" style="width:25%"&gt;
                      &lt;h:outputLabel value="#{table.sheet_no}"&gt;&lt;/h:outputLabel&gt;
                  &lt;/p:column&gt;
  
                  &lt;p:column headerText="State" style="width:25%"&gt;
                      &lt;h:outputLabel value="#{table.state_cd}"&gt;&lt;/h:outputLabel&gt;
                  &lt;/p:column&gt;
  
                  &lt;p:column headerText="District" style="width:25%"&gt;
                      &lt;h:outputLabel value="#{table.district_cd}"&gt;&lt;/h:outputLabel&gt;
                  &lt;/p:column&gt;
  
  
                  &lt;f:facet name="footer"&gt;
                      &lt;p:commandButton id="selectButton" title="Show Complete Details"
                          icon="./images/show.png" update=":form:disp"
                          oncomplete="PF('Dialog').show()" process="@this,disptable"
                          style="height:25px;" ajax="true" iconPos="center" /&gt;
  
                      &lt;p:commandButton style="height:25px;" id="addCart"
                          title="Add to Cart" icon="./images/cart.png" global="false" /&gt;
  
                      &lt;p:commandButton style="height:25px;" id="location"
                          update=":form:tabs:MapDetails" process="@this,disptable"
                          title="Show Co-ordinates" icon="./images/cart.png" global="false" /&gt;
  
                  &lt;/f:facet&gt;
              &lt;/p:dataTable&gt;
              &lt;!--The Dialog to display the selected sheet detials  --&gt;
              &lt;p:dialog header="Detail" widgetVar="Dialog" resizable="false"
                  id="carDlg" modal="true"&gt;
  
                  &lt;h:panelGrid id="disp" columns="2" cellpadding="4" cellspacing="4"
                      style="margin:0 auto;"&gt;
  
                      &lt;f:facet name="header"&gt;
                      &lt;/f:facet&gt;
  
                      &lt;h:outputText id="sheet" value="Sheet No:" /&gt;
                      &lt;h:outputText value="#{DataTable.selectedSheet.sheet_no}"
                          style="font-weight:bold" /&gt;
  
                      &lt;h:outputText id="state" value="State:" /&gt;
                      &lt;h:outputText value="#{DataTable.selectedSheet.state_cd}"
                          style="font-weight:bold" /&gt;
  
  
                      &lt;h:outputText id="district" value="District:" /&gt;
                      &lt;h:outputText value="#{DataTable.selectedSheet.district_cd}"
                          style="font-weight:bold" /&gt;
  
                  &lt;/h:panelGrid&gt;
  
              &lt;/p:dialog&gt;
  
              &lt;!-- Panel Grid which display the Filter text --&gt;
              &lt;h:panelGrid id="filter" columns="1" cellpadding="10" cellspacing="2"
                  rendered="#{DataTable.filter}"
                  style="position:absolute;bottom:15px;right:80px;border: 1px solid #1f497d;box-shadow: 10px 10px 25px #888888;
              height:auto;width:600px;Text-align:center;"&gt;
                  &lt;p:outputLabel value="Filter your search to get result."&gt;&lt;/p:outputLabel&gt;
              &lt;/h:panelGrid&gt;
          &lt;/h:panelGrid&gt;
  
  
          &lt;!-- Ajax Status for ajax request --&gt;
          &lt;p:ajaxStatus onstart="PF('statusDialog').show();"
              onsuccess="PF('statusDialog').hide();" /&gt;
          &lt;!-- Dialog for ajax Status --&gt;
          &lt;p:dialog modal="true" widgetVar="statusDialog" draggable="false"
              closable="false" maximizable="false" resizable="false"
              header="Searching"&gt;
              &lt;p:graphicImage value="/images/loading.gif" /&gt;
          &lt;/p:dialog&gt;
  
  
      &lt;/h:form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>