右键单击富面组件

Question

我需要在富面孔组件中右键单击事件，特别是在suggestionbox中。

我需要给一些功能在鼠标右键单击，也在左键。我认为这将完成与富脸的contextMenu，但它不工作在suggestionbox。

在每一个输出文本我想传递id和显示模态面板(右击和左击有不同的模型面板显示)。

jsf 1.2 + richfaces 3.3

我的代码

<h:inputText id="templateName"  style="text-align:left" size="45"
                    value="#{templateMaintenanceBean.templateName}"
                    onblur="upperCase(this)" >
                <sc:suggestionbox height="200" width="300" id="properySuggestBox" for="templateName"  
                    oncomplete="testFunction();" nothingLabel="No Template Found" reRender="selectedMedicationDiv"
                    suggestionAction="#{templateMaintenanceBean.autocomplete}" var="result" border="2" minChars="0"
                     immediate="true" shadowDepth="10"   >
                    <h:column>  
                          <h:outputText value="#{result.templateName}" id="temp" /> 
                    </h:column>

                </sc:suggestionbox>

Answer 1

在丰富的面孔或任何面孔没有直接的方式获得右键单击事件(除了contextMenu)(在这里不起作用)。

仅使用jquery就可以实现:

suggestionbox示例:

<script type="text/javascript">
        jQuery.noConflict();
        jQuery(document).ready(function($){
        var temp = $('#templateListForm\:properySuggestBox div div table tbody tr td div table tbody tr td');
        temp.live('contextmenu', function(ev){
            ev.preventDefault();
            //alert("Value:::"+$(this).parent().index('tr'));   
            //alert($(this).text());
          if(ev.which == 3)
          {
             var templateName = $(this).text();
        //    handle Events(Link any button click) which we have to perform 
          }
            });  
        });
    </script> 

在temp变量i得到建议框的表的tr。