Hi Nazar,

you can use a additional link or button in combination with javascript
and a hidden input to make this work.

e.g.


---------- begin jsp ---------------
<tc:script>
  function showDetail(link) {
    var detailId = link.id.replace(/link$/, "detail");
    // should give you the id of the hidden input element
    var detailText = document.getElementById(detailId).value;
    document.getElementById(detailPanel).innerHTML = detailText;
  }
</tc:script>

<tc:sheet var="item" ...>

  <tc:column label="item">
    <tc:out value="#{item.name}"/>
  </tc:column>

  <tc:column ...>
    <tc:hidden id="detail" value="#{item.detail}"/>
    <tc:link id="link"
             type="javascript"
             action="showDetail(this)"
             label="Show Detail" />
  </tc:column>

</tc:sheet >

...

<tc:panel>
  <f:verbatim><span id="detailPanel"/></f:verbatim>
</tc:panel>
---------- end jsp ---------------

something like this sould work.



Regards,
  Volker



Nazar Stasiv wrote:
> Hi all,
> There a t:sheet component with few columns. Items displayed in sheet
> have the details field, but it stretches height to value which is not
> visually pleasant. So I decided to have details displayed in a panel
> below t:sheet component. It works this way : click item in t:sheet and
> panel below displays item details.
> 
> The question I'm worried about is how can I display details for item
> clicked without sending request to server?
> 
> Thank You
> Nazar
> 

-- 
Don't answer to From: address!
Mail to this account are droped if not recieved via mailinglist.
To contact me direct create the mail address by
concatenating my forename to my senders domain.

Reply via email to