jQuery event is executed once only (Primefaces 3.2, JSF 2.2) -


we using primefaces,jsf.

i have following datatable:

<p:datatable var="datarow"                 first="#{wirkungsgradeeditbean.firstrowindex}"                 value="#{wirkungsgradeeditbean.wirkgradlist}" editable="true"                 id="table" paginator="true"                 rows="#{wirkungsgradeeditbean.rowsperpage}"                 paginatortemplate="{currentpagereport}  {firstpagelink} {previouspagelink} {pagelinks} {nextpagelink} {lastpagelink} {rowsperpagedropdown}"                 rowsperpagetemplate="15,25,35">                 <p:column headertext="#{msg.table_wirkungsgrade_wirk4}">                     <p:celleditor>                         <f:facet name="output">                             <h:outputtext value="#{datarow.wirk4}" />                         </f:facet>                         <f:facet name="input">                             <p:inputtext value="#{datarow.wirk4}" required="true" />                         </f:facet>                     </p:celleditor>                 </p:column>                 <p:column headertext="#{msg.column_head_edit}">                     <p:roweditor />                     <p:commandbutton icon="ui-icon-close"                         rendered="#{wirkungsgradeeditbean.renderdeletebutton}"                         styleclass="rainstar-button-small-edit"                         action="#{wirkungsgradeeditbean.btn_deleteentryclick()}"                         update=":form:table" widgetvar="delbut" >                         <f:setpropertyactionlistener value="#{datarow}"                             target="#{wirkungsgradeeditbean.selectedwirkgrad}" />                     </p:commandbutton>                 </p:column>                 <p:ajax event="rowedit"                     listener="#{wirkungsgradeeditbean.btn_editentryclick}"                     update=":form:table" />                 <p:ajax event="rowselect"                     listener="#{wirkungsgradeeditbean.selectro()}"                     update=":form:table" />             </p:datatable>

now want toggle delete button when edit button (pencil symbol) pressed. following jquery construct:

$(document).ready(function(){         $("span.ui-row-editor span").click(function(){             $(this).parent().parent().children("button").toggle();         });     });

if try first time, fine. if try again, toggle not happening.

what wrong?!

when click edit button, there partial update, table recreated , handler lost. safer control delete button through jsf, update wirkungsgradeeditbean.renderdeletebutton upon edit accordingly.

edit: option use on function:

$(document).on("click", "span.ui-row-editor span", function(){   $(this).parent().parent().children("button").toggle(); });

you can fine tune more localized instead of document, not affected partial updates.


Comments

Post a Comment

Popular posts from this blog

java - Play! framework 2.0: How to display multiple image? -

i need display gallery of photos. here template: @(photos: list[photo]) @title = { <bold>gallery</bold> } @main(title,"photo"){ <ul class="thumbnails"> @for(photo <- photos) { <li class="span3"> <a href="#" class="thumbnail"> <img src="@photo.path" alt=""> </a> </li> } </ul> } and here controller method: public static result getphotos() { return ok(views.html.photo.gallery.render(photo.get())); } and here photo bean : @entity public class photo extends model { @id public long id; @required public string label; public string path; public photo(string path, string label) { this.path = path; this.label = label; } private static finder<long, photo> find = new finder<long, photo>( long.class, photo.class); public static list<phot...
Read more

gmail - Is there any documentation for read-only access to the Google Contacts API? -

i want read-only access user's google contacts. there stackoverflow member wanted this, , received following answer : yes, there is, use https://www.googleapis.com/auth/contacts.readonly scope , "view contacts". this exchange reference read-only access google contacts can find using google. simply using access token obtained attempt read usual google contacts api (i.e. https://www.google.com/m8/feeds ) fails insufficient permissions. similarly, using google contacts api on new target fails 404 errors (for example https://www.googleapis.com/auth/contacts.readonly/default/full ). is there documentation anywhere on how use api, or permissible way access google contacts api full read-write access?
Read more

php - Controller/JToolBar not working in Joomla 2.5 -

relevant code: jtoolbarhelper::custom('savecategories', 'save', '', 'save', false, false); ... <input type="hidden" name="controller" value="easyblogcontroller"> according can dig docs , own previous questions, should call savecategories() function in easyblogcontroller . i've tried setting value easyblog , easyblog.php (file name) current easyblogcontroller (class name). clicking on save button refreshes page. not redirect, echo or var_dump test code put in savecategories() function. var_dump ing jrequest::getvar('controller') , 'task' return correct values. creating controller object , using $controller->execute('task'); works. the values going depend on location of controller trying call, , have couple options here. typically there controller in base folder of component (likely components/com_easyblog) in file called controller.php , class name inside ...
Read more