Поле ввода не обновлено - PullRequest
Новая
       3

Поле ввода не обновлено

3 голосов
/ 18 марта 2012

Это полный исходный код: http://www.sendspace.com/file/lwxpyf

У меня проблема со страницей JSF, которую я не могу решить. У меня есть страница JSF, которая используется для хранения настроек приложения в таблице базы данных. Это исходный код страницы JSF: 

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"    
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <ui:insert name="header">           
            <ui:include src="header.xhtml"/>         
        </ui:insert>
    </h:head>
    <h:body>

        <h1><img src="resources/css/images/icon.png" alt="NVIDIA.com" /> Settings Center</h1>
        <!-- layer for black background of the buttons -->
        <div id="toolbar" style="margin: 0 auto; width:1180px; height:30px; position:relative;  background-color:black">
            <!-- Include page Navigation -->
            <ui:insert name="Navigation">           
                <ui:include src="Navigation.xhtml"/>         
            </ui:insert>

        </div>  

        <div id="greenBand" class="ui-state-default ui-corner-allh" style="position:relative; top:35px; left:0px;"> 
            <h:graphicImage alt="Application Settings"  style="position:relative; top:-20px; left:9px;"  value="resources/images/logo_application_settings.png" />
        </div>
        <div id="main" style="margin: 0 auto; width:1190px; height:700px; position:absolute;  background-color:transparent; top:105px">

            <div id="mainpage" style="margin: 0 auto; width:1190px; height:500px; position:absolute;  background-color:transparent; top:80px">
                <h:form>
                    <div id="settingsdiv" style="width:550px; height:400px; position:absolute;  background-color:r; top:20px; left:1px">

                        <h:panelGrid columns="2">
                            <h:panelGroup>User Session Timeout</h:panelGroup>
                            <h:panelGroup>
                                <h:selectOneMenu value="#{ApplicationController.settings['SessionTTL']}">
                                    <f:selectItem itemValue="#{ApplicationController.settings['SessionTTL']}" itemLabel="#{ApplicationController.settings['SessionTTL']}" />
                                    <f:selectItem itemValue="two" itemLabel="Option two" />
                                    <f:selectItem itemValue="three" itemLabel="Option three" />
                                    <f:selectItem itemValue="custom" itemLabel="Define custom value" />
                                    <f:ajax render="input" />
                                </h:selectOneMenu>&nbsp;
                                <h:panelGroup id="input">
                                    <h:inputText value="#{ApplicationController.settings['SessionTTL']}" rendered="#{ApplicationController.settings['SessionTTL'] == 'custom'}" required="true" />
                                </h:panelGroup>          
                            </h:panelGroup>

                            <h:panelGroup>Maximum allowed users</h:panelGroup>
                            <h:panelGroup>
                                <h:selectOneMenu value="#{ApplicationController.settings['MaxUsersActive']}">
                                    <f:selectItem itemValue="#{ApplicationController.settings['MaxUsersActive']}" itemLabel="#{ApplicationController.settings['MaxUsersActive']}" />
                                    <f:selectItem itemValue="two" itemLabel="Option two" />
                                    <f:selectItem itemValue="three" itemLabel="Option three" />
                                    <f:selectItem itemValue="custom" itemLabel="Define custom value" />
                                    <f:ajax render="inputl" />
                                </h:selectOneMenu>&nbsp;
                                <h:panelGroup id="inputl">
                                    <h:inputText value="#{ApplicationController.settings['MaxUsersActive']}" rendered="#{ApplicationController.settings['MaxUsersActive'] == 'custom'}" required="true" />
                                </h:panelGroup>
                            </h:panelGroup>                                                                     
                        </h:panelGrid>                         



                    </div>   

                    <div id="settingsonediv" style="width:350px; height:400px; position:absolute;  background-color:transparent; top:20px; left:400px">



                    </div>   

                    <div id="settingstwodiv" style="width:150px; height:60px; position:absolute;  background-color:transparent; top:380px; left:800px">

                        <h:commandButton value="Save Settings" action="#{ApplicationController.updateDBSettings}">
                            <f:ajax render="@form" execute="@form"></f:ajax>
                        </h:commandButton>

                    </div>   


                </h:form> 
            </div>  
        </div>

    </h:body>
</html>

А это управляемый компонент: 

import java.io.Serializable;
import javax.enterprise.context.SessionScoped;
// or import javax.faces.bean.SessionScoped;
import javax.inject.Named;
/* include SQL Packages */
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.HashMap;
import javax.annotation.PostConstruct;
import javax.sql.DataSource;
import javax.annotation.Resource;
import javax.faces.context.FacesContext;
import javax.inject.Inject;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpSession;
// or import javax.faces.bean.ManagedBean;   

import org.glassfish.osgicdi.OSGiService;

@Named("ApplicationController")
@SessionScoped
public class Application implements Serializable {

    /* This Hash Map will be used to store setting and value */
    private HashMap<String, String> settingsMap = null;    

    public Application(){     
    }   

    /* Call the Oracle JDBC Connection driver */
    @Resource(name = "jdbc/Oracle")
    private DataSource ds;


    /* Hash Map
     * Send this hash map with the settings and values to the JSF page
     */
    public HashMap<String, String> getsettings(){
        return settingsMap;        
    }

    /* Get a Hash Map with settings and values. The table is genarated right 
     * after the constructor is initialized. 
     */
    @PostConstruct
    public void initSettings() throws SQLException
    {        
        settingsMap = new HashMap<String, String>();

        if(ds == null) {
                throw new SQLException("Can't get data source");
        }
        /* Initialize a connection to Oracle */
        Connection conn = ds.getConnection(); 

        if(conn == null) {
                throw new SQLException("Can't get database connection");
        }
        /* With SQL statement get all settings and values */
        PreparedStatement ps = conn.prepareStatement("SELECT * from GLOBALSETTINGS");

        try
        {
            //get data from database        
            ResultSet result = ps.executeQuery();
            while (result.next())
            {
               settingsMap.put(result.getString("SettingName"), result.getString("SettingValue"));
            }            
        }
        finally
        {
            ps.close();
            conn.close();         
        }        
    }

    /* JSF returns the updated values into the HashMap */

    /* Update Settings Values */
    public void updateDBSettings() throws SQLException {

            String SQL_Statement = null;

            if (ds == null) throw new SQLException();      
        Connection conn = ds.getConnection();
            if (conn == null) throw new SQLException();      

    try {
        conn.setAutoCommit(false);
        boolean committed = false;
            try {  
                   /* Insert the new settings values with one SQL statement */
                   SQL_Statement = "UPDATE GLOBALSETTINGS " +
                                        "SET \"SettingValue\" = " +
                                          "CASE " +
                                            "WHEN \"SettingName\" = 'SessionTTL' THEN ? " +
                                            "WHEN \"SettingName\" = 'MaxUsersActive' THEN ? " +
                                          "END " +
                                   "WHERE \"SettingName\"  IN ('SessionTTL', 'MaxUsersActive')";
                   /* Exete thre SQL statement */
                   PreparedStatement updateQuery = conn.prepareStatement(SQL_Statement);
                   updateQuery.setString(1, settingsMap.get("SessionTTL"));
                   updateQuery.setString(2, settingsMap.get("MaxUsersActive"));

                   updateQuery.executeQuery();                                                         
                   conn.commit();
                   committed = true;
               } finally {
                   if (!committed) conn.rollback();
                   }
            }
            finally {
            /* Release the resource after all SQL queries are executed */
            conn.close();                
            }             
            /* Refresh Hash Map
             * Get again settings from Oracle
             */
           initSettings();

     }    


}

Вот проблема, с которой я сталкиваюсь:

Когда я открываю страницу JSF, я получаю это меню:

enter image description here

Затем я выбираю пользовательский из меню:

enter image description here

Я получаю это поле ввода рядом с меню:

enter image description here

Затем я ввожу пользовательское значение с клавиатуры:

enter image description here

Но когда я нажимаю кнопку Сохранить, я получаю это. Я вижу, что поле базы данных обновлено, но значения «пользовательские»

enter image description here

Когда я ввожу одно и то же значение дважды, я получаю это:

enter image description here

Мне кажется, что когда я нажимаю custom и ввожу пользовательское значение, HashMap не обновляется. Странно, что когда я делаю это снова, HashMap обновляется и значение верное. Как я могу решить эту проблему?

С наилучшими пожеланиями

РЕДАКТИРОВАТЬ

Я подозреваю, что эта проблема вызвана версией JSF. Это содержание faces-config.xml

 <?xml version="1.0"?>
    <faces-config xmlns="http://java.sun.com/xml/ns/javaee" 
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
          http://java.sun.com/xml/ns/javaee/web-facesconfig_2_0.xsd"
       version="2.0">
        <managed-bean>
            <description>comment</description>
            <managed-bean-name>ApplicationController</managed-bean-name>
            <managed-bean-class>com.DX_57.SM_57.Application</managed-bean-class>    
            <managed-bean-scope>request</managed-bean-scope>        
        </managed-bean>
        <managed-bean>
            <description>comment</description>
            <managed-bean-name>DashboardController</managed-bean-name>
            <managed-bean-class>com.DX_57.SM_57.Dashboard</managed-bean-class>    
            <managed-bean-scope>request</managed-bean-scope>        
        </managed-bean>
        <managed-bean>
            <description>comment</description>
            <managed-bean-name>DatabaseController</managed-bean-name>
            <managed-bean-class>com.DX_57.SM_57.Database</managed-bean-class>    
            <managed-bean-scope>request</managed-bean-scope>        
        </managed-bean>
        <managed-bean>
            <description>comment</description>
            <managed-bean-name>GeneralController</managed-bean-name>
            <managed-bean-class>com.DX_57.SM_57.General</managed-bean-class>    
            <managed-bean-scope>request</managed-bean-scope>        
        </managed-bean>
        <managed-bean>
            <description>comment</description>
            <managed-bean-name>GlassfishController</managed-bean-name>
            <managed-bean-class>com.DX_57.SM_57.Glassfish</managed-bean-class>    
            <managed-bean-scope>request</managed-bean-scope>        
        </managed-bean>
        <managed-bean>
            <description>comment</description>
            <managed-bean-name>LinuxController</managed-bean-name>
            <managed-bean-class>com.DX_57.SM_57.Linux</managed-bean-class>    
            <managed-bean-scope>request</managed-bean-scope>        
        </managed-bean>
        <managed-bean>
            <description>comment</description>
            <managed-bean-name>LinuxConfigurationController</managed-bean-name>
            <managed-bean-class>com.DX_57.SM_57.LinuxConfiguration</managed-bean-class>    
            <managed-bean-scope>request</managed-bean-scope>        
        </managed-bean>
        <managed-bean>
            <description>comment</description>
            <managed-bean-name>LogController</managed-bean-name>
            <managed-bean-class>com.DX_57.SM_57.Log</managed-bean-class>    
            <managed-bean-scope>request</managed-bean-scope>        
        </managed-bean>    
        <managed-bean>
            <description>comment</description>
            <managed-bean-name>OracleController</managed-bean-name>
            <managed-bean-class>com.DX_57.SM_57.Oracle</managed-bean-class>    
            <managed-bean-scope>request</managed-bean-scope>        
        </managed-bean>
        <managed-bean>
            <description>comment</description>
            <managed-bean-name>UpdatesController</managed-bean-name>
            <managed-bean-class>com.DX_57.SM_57.Updates</managed-bean-class>    
            <managed-bean-scope>request</managed-bean-scope>        
        </managed-bean>   
    </faces-config>

Это содержание beans.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/beans_1_0.xsd">
</beans>

Это содержание web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
    <context-param>
        <param-name>javax.faces.PROJECT_STAGE</param-name>
        <param-value>Development</param-value>
    </context-param>
    <servlet>
        <servlet-name>Faces Servlet</servlet-name>
        <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>*.jsf</url-pattern>
    </servlet-mapping>

    <welcome-file-list>
        <welcome-file>index.html</welcome-file>
    </welcome-file-list>
</web-app>

Как их следует изменить, чтобы использовать последнюю версию JSF?

РЕДАКТИРОВАТЬ 2 Я отключил JavaScript в Firefox. Я проверил код. Оказывается, это работает, но мне приходится каждый раз нажимать кнопку Сохранить:

enter image description here

Я выбираю пользовательский и нажимаю кнопку Сохранить

enter image description here

enter image description here

Когда я нажимаю кнопку Сохранить, появляется настраиваемое поле.

enter image description here

Когда я ввожу пользовательское значение и нажимаю кнопку Сохранить, поле обновляется.

Я полагаю, что это не будет работать, потому что данные не отправляются обратно с JavaScrips на сервер

РЕДАКТИРОВАТЬ 3 Отладочная информация из firebug:

Я выбираю из пользовательского меню: 

<update id="j_idt5:input"><![CDATA[<span id="j_idt5:input"><input type="text" name="j_idt5:j_idt15" value="custom" /></span>]]></update>

Я набираю пользовательское значение: 

<?xml version='1.0' encoding='UTF-8'?>
<partial-response><changes><update id="j_idt5"><![CDATA[
<form id="j_idt5" name="j_idt5" method="post" action="/SM_57-1.0-SNAPSHOT/Application.jsf" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="j_idt5" value="j_idt5" />
<table>
<tbody>
<tr>
<td>User Session Timeout</td>
<td><select id="j_idt5:j_idt10" name="j_idt5:j_idt10" size="1" onchange="mojarra.ab(this,event,'valueChange',0,'j_idt5:input')">    <option value="custom" selected="selected">custom</option>
    <option value="two">Option two</option>
    <option value="three">Option three</option>
    <option value="custom" selected="selected">Define custom value</option>
</select><span id="j_idt5:input"><input type="text" name="j_idt5:j_idt15" value="custom" /></span></td>
</tr>
<tr>
<td>Maximum allowed users</td>
</tr>
</tbody>
</table>
<input id="j_idt5:j_idt18" type="submit" name="j_idt5:j_idt18" value="Save Settings" onclick="mojarra.ab(this,event,'action','@form','@form');return false" />
</form>]]></update><update id="javax.faces.ViewState"><![CDATA[-8356663926661541536:7758149566419150570]]></update></changes></partial-response>

Я нажимаю кнопку сохранения: 

<?xml version='1.0' encoding='UTF-8'?>
<partial-response><changes><update id="j_idt5"><![CDATA[
<form id="j_idt5" name="j_idt5" method="post" action="/SM_57-1.0-SNAPSHOT/Application.jsf" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="j_idt5" value="j_idt5" />
<table>
<tbody>
<tr>
<td>User Session Timeout</td>
<td><select id="j_idt5:j_idt10" name="j_idt5:j_idt10" size="1" onchange="mojarra.ab(this,event,'valueChange',0,'j_idt5:input')">    <option value="wdwdew" selected="selected">wdwdew</option>
    <option value="two">Option two</option>
    <option value="three">Option three</option>
    <option value="custom">Define custom value</option>
</select><span id="j_idt5:input"></span></td>
</tr>
<tr>
<td>Maximum allowed users</td>
</tr>
</tbody>
</table>
<input id="j_idt5:j_idt18" type="submit" name="j_idt5:j_idt18" value="Save Settings" onclick="mojarra.ab(this,event,'action','@form','@form');return false" />
</form>]]></update><update id="javax.faces.ViewState"><![CDATA[-8356663926661541536:7758149566419150570]]></update></changes></partial-response>

Ответы [ 3 ]

7 голосов
/ 22 марта 2012

Вы переопределили бобы в faces-config.xml.Ваш управляемый компонент переопределен как область запроса: 

<managed-bean>
    <description>comment</description>
    <managed-bean-name>ApplicationController</managed-bean-name>
    <managed-bean-class>com.DX_57.SM_57.Application</managed-bean-class>    
    <managed-bean-scope>request</managed-bean-scope>        
</managed-bean>

Конфигурации управляемого компонента в файле faces-config.xml имеют приоритет над аннотациями.Ваш ApplicationController bean-компонент в действительности является управляемым компонентом JSF в области запроса, а не управляемым bean-компонентом CDI в рамках сеанса, как вы объявили аннотациями.По каждому запросу AJAX будет создаваться новый.Все изменения, сделанные в предыдущих запросах, «забыты».

У вас есть 2 варианта:

  • Удалить конфигурацию компонента из faces-config.xml.
  • Изменить управляемый компонентобласть действия до view (обратите внимание, что тогда все еще будет JSF, который управляет экземпляром компонента, а не CDI, и что у CDI нет подходящей аннотации @ViewScoped).
2 голосов
/ 20 марта 2012

попробуйте добавить f:ajax, чтобы ваши данные внутри формы были отправлены на сервер.

замените ваш btn для сохранения на 

<h:commandButton value="Save Settings" action="#{applicationController.updateDBSettings}">
    <f:ajax render="@form" execute="@form"></f:ajax>
</h:commandButton>

, чтобы увидеть, в чем проблема:попробуйте убрать вызов initSettings() в конце updateDBSettings () или убедитесь, что повторная инициализация заполняет карту правильными значениями ...

Редактировать:

Откройте ваше приложение в Chrome и нажмите F12, в инструментах разработки перейдите на вкладку сценарии, а затем прямо под вами вы увидите все js-файлы, которые были загружены, вы видите там какие-нибудь подозрительные «библиотеки»?попробуйте удалить его включенные из вас страницы ... чтобы увидеть причину ошибки в FF

0 голосов
/ 21 августа 2013

Я думаю, вам следует переопределить 

<managed-bean-scope>request</managed-bean-scope>

, использовать 

<managed-bean-scope>session</managed-bean-scope>

вместо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...