jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使用Richfaces JQuery突出显示选择大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试在rich:dataGrid中突出显示一个选择.就像当我点击dataGrid中的链接时,将打开@L_903_1@modalPanel供用户选择图像,当modalPanel关闭时,新选择的图像将在dataGrid中刷新.为此,我正在从modalPanel重新渲染dataGrid.这很好用.现在,我想强调用户选择.当我使用下面的rich: jquery时,它会被突出显示,但随后会发生R_938_11845@odalPanel弹出和重新渲染.所以突出显示的行是它的原始自我.

JSF:

<rich:dataGrid value="#{startupBean.choiceKeys}" var="mapEntry" columns="#{startupBean.rowSizE}" styleClass="rich-table">


                                 <rich:dataGrid id="choiceSub" styleClass="rich-table" value="#{mapEntry.value}" var="ObjBO" columns="2">
                                       <f:faCET name="header">
                                          <h:outputText value="Choice:#{mapEntry.key}"></h:outputText>
                                       </f:faCET>
                                 <h:panelGrid columns="2" border="0" styleClass="className">
                                 <rich:panel>
                                     <f:faCET name="header">
                                     <a4j:commandLink id="objs"  action="#{startupBean.getCategory}" reRender="materialTree" oncomplete="Richfaces.showModalPanel('SELEctMaterial',{top:'100px',left:'400px',height:'450px',width:'450px'});" >
                                        <h:outputText value="#{ObjBO.displayNamE}" binding="#{startupBean.outTxt}"/>
                                            <f:setPropertyActionListener target="#{startupBean.key}" value="#{mapEntry.key}" />
                                        </a4j:commandLink>   
                                     </f:faCET>
                                        <h:graphicImage width="50" height="50" id="choice"  alt="jsf-sun" url="#{ObjBO.color_url}" value="#{ObjBO.color_url}"> 
                                        </h:graphicImage>
                                        </rich:panel> 
                                 </h:panelGrid>
                                 </rich:dataGrid>
                                 <rich:jQuery SELEctor="#choiceSub tr" query="click(function(){jQuery(this).addClass('active-row')})"/>
                        </rich:dataGrid>

CSS:

.active-row {
    BACkground-color: red;
}

这样做还有其他办法吗?请告诉我.

PS:我使用的是JSF2.0,Richfaces 3.2,Apache Tomcat 7,Java 1.7.

谢谢,

解决方法

当您重新渲染元素时,它将被服务器生成的新内容替换.即以前动态应用的任何其他格式或更改(如富有jQuery中的jQuery)都会丢失.另请参阅rich中的问题描述:jQuery手册 http://docs.jboss.org/richfaces/latest_3_3_X/en/devguide/html/rich_jQuery.html.

基本上,在ajax返回后,您必须再次应用行突出显示.如果您需要其他说明,请发表评论.

大佬总结

以上是大佬教程为你收集整理的使用Richfaces JQuery突出显示选择全部内容,希望文章能够帮你解决使用Richfaces JQuery突出显示选择所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。