Question

当触发此事件（onkeyup）时，不会在adminiEvent bean上调用searchClients方法。

<b:inputText placeholder="nome" required="true" id="name" 
                value="#{adminiEvent.clientOnSearch.firstName}"
                onkeyup="#{adminiEvent.searchingClients}"     update=":adminiForm:clientSearchTable"
                style="background: rgb(251, 251, 251) none repeat scroll 0% 0%;
                    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);"
                    />

任何想法？

这是豆子：

@ManagedBean(name="adminiEvent" , eager=true)
@ViewScoped
public class AdminiEvent {
...
public void searchingClients(){
    List<Client> values = new ArrayList<Client>();
    //build query
    Map<String,Object> queryValues = new HashMap<String,Object>();
    StringBuilder query = new StringBuilder();

    query.append("Select c from Client c where ");

    if(!StringUtils.isEmpty(clientOnSearch.getFirstName())){
        query.append("c.firstName = :firstname");
        queryValues.put("firstname", clientOnSearch.getFirstName());
    }

    if(!queryValues.isEmpty()){
        values.addAll(clientService.findClientByFilter(query.toString(),queryValues));
    }   

    clients.addAll(values);
   }
...

由于

这里我做了几个测试：

onkeyup="alert('test');ajax:adminiEvent.searchingClients;javascript:alert('test 2');" 
value="#{adminiEvent.clientOnSearch.firstName}" 
style="background: rgb(251, 251, 251) none repeat scroll 0% 0%; 
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);"/>`

它可以很好地运行第一个和第二个警报，但不会调用searchingClients。我在服务器端调试模式，我什么都没有。此外，浏览器调试控制台或服务器控制台上也没有显示任何内容。

html生成的sreenshot：

由于

Answer 1

首先，您在BootsFaces 0.8.1中发现了一个错误。它应该在BootsFaces的开发者快照中修复 - 请参阅https://github.com/TheCoder4eu/BootsFaces-OSP/issues/151了解如何获取它。

其次，您尝试调用JavaScript方法。要将它变成后端bean调用，你必须在它之前加上＆＃34; ajax：＆＃34;并删除大括号。另外，您必须添加Java方法的括号。最后，并非最不重要的是，这种方法必须存在。 JSF有时会自动添加一个前缀，例如＆＃34; get＆＃34;，＆＃34; set＆＃34;或＆＃34;是＆＃34;。 BootsFaces没有。所以，你的例子应该是这样的：

<b:inputText onkeyup="ajax:adminiEvent.getSearchingClients()" ... />

阅读http://showcase.bootsfaces.net/forms/ajax.jsf的完整故事。您可能也对https://github.com/stephanrauh/BootsFaces-Examples/tree/master/AJAX的示例感兴趣。

顺便说一下，我已经修复了BootsFaces 0.8.2-SNAPSHOT中的错误。 0.9.0-SNAPSHOT目前早于0.8.2-SNAPSHOT，因为我们已经开始修复很多错误而不是添加新功能。

我用这两个文件测试了BootsFaces 0.8.2-SNAPSHOT：

    <?xml version='1.0' encoding='UTF-8' ?>                                                                                                                                          
    <!DOCTYPE html>                                                                                                                                                                  
    <html xmlns="http://www.w3.org/1999/xhtml"                                                                                                                                       
          xmlns:h="http://java.sun.com/jsf/html"                                                                                                                                     
          xmlns:f="http://java.sun.com/jsf/core"                                                                                                                                     
          xmlns:b="http://bootsfaces.net/ui"                                                                                                                                         
          xmlns:ui="http://java.sun.com/jsf/facelets"                                                                                                                                
          xmlns:pt="http://xmlns.jcp.org/jsf/passthrough" >                                                                                                                          
        <h:head>                                                                                                                                                                     
            <title>BootsFaces: next-gen JSF Framework</title>                                                                                                                        
            <meta name="author" content="Riccardo Massera"></meta>                                                                                                                   
        </h:head>                                                                                                                                                                    
        <h:body style="padding-top: 60px">                                                                                                                                           
        <h:form>                                                                                                                                                                     
        lorem ipsum                                                                                                                                                                  
        <b:inputText placeholder="nome" required="true" id="name"                                                                                                                    
                    onkeyup="ajax:adminiEvent.searchingClients()"                                                                                                                    
                    onclick="ajax:adminiEvent.searchingClients()"                                                                                                                    
                    update="@none"                                                                                                                                                   
                        />                                                                                                                                                           
        </h:form>                                                                                                                                                                    
       </h:body>                                                                                                                                                                     
    </html>

和

    import javax.faces.bean.ManagedBean;                                                                                                                                             
    import javax.faces.view.ViewScoped;                                                                                                                                              

    @ManagedBean                                                                                                                                                                     
    @ViewScoped                                                                                                                                                                      
    public class AdminiEvent {                                                                                                                                                       
        private String firstName;                                                                                                                                                    

        public void searchingClients() {                                                                                                                                             
            System.out.println("Backend bean called: " + firstName);                                                                                                                 
        }                                                                                                                                                                            

        public String getFirstName() {                                                                                                                                               
            return firstName;                                                                                                                                                        
        }                                                                                                                                                                            

        public void setFirstName(String search) {                                                                                                                                    
            this.firstName = search;                                                                                                                                                 
        }                                                                                                                                                                            
    }

Boots在inputtext上调用ajax事件而不调用服务器bean

1 个答案: