You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@tapestry.apache.org by George Christman <gc...@cardaddy.com> on 2013/02/11 16:29:09 UTC
Tapestry-Jquery datatable detail row.
I've currently setup my datatable using the tapestry-jquery datatable
component. I'm looking to create a detail row which is nothing other than a
new tr row added below each result. Does anybody know of a good approach to
add the additional tr row after every result without the use of javascript?
If javascript is required, should I use the fnRowCallback to append the
additional row? Just looking for the best option.
example,
http://datatables.net/release-datatables/examples/api/row_details.html
Thanks
George
--
View this message in context: http://tapestry.1045711.n5.nabble.com/Tapestry-Jquery-datatable-detail-row-tp5719938.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Tapestry-Jquery datatable detail row.
Posted by Emmanuel DEMEY <de...@gmail.com>.
You are right ! it is better to use the default DataTable API ;).
2013/2/11 George Christman <gc...@cardaddy.com>
> I guess another option would be to create a mixin similar to column filter
> and use something like this.
>
> /* Formating function for row details */
> function fnFormatDetails ( oTable, nTr )
> {
> var aData = oTable.fnGetData( nTr );
> var sOut = '
> ';
> sOut += '
> Rendering engine: '+aData[1]+' '+aData[4]+'';
> sOut += '
> Link to source: Could provide a link here';
> sOut += '
> Extra info: And any further details here (images etc)';
> sOut += '
> ';
>
> return sOut;
> }
>
>
>
>
> --
> View this message in context:
> http://tapestry.1045711.n5.nabble.com/Tapestry-Jquery-datatable-detail-row-tp5719938p5719940.html
> Sent from the Tapestry - User mailing list archive at Nabble.com.
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
>
--
Emmanuel DEMEY
Ingénieur Etude et Développement
ATOS Worldline
+33 (0)6 47 47 42 02
demey.emmanuel@gmail.com
http://emmanueldemey.fr/
Twitter : @EmmanuelDemey
Re: Tapestry-Jquery datatable detail row.
Posted by George Christman <gc...@cardaddy.com>.
I guess another option would be to create a mixin similar to column filter
and use something like this.
/* Formating function for row details */
function fnFormatDetails ( oTable, nTr )
{
var aData = oTable.fnGetData( nTr );
var sOut = '
';
sOut += '
Rendering engine: '+aData[1]+' '+aData[4]+'';
sOut += '
Link to source: Could provide a link here';
sOut += '
Extra info: And any further details here (images etc)';
sOut += '
';
return sOut;
}
--
View this message in context: http://tapestry.1045711.n5.nabble.com/Tapestry-Jquery-datatable-detail-row-tp5719938p5719940.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Tapestry-Jquery datatable detail row.
Posted by George Christman <gc...@cardaddy.com>.
At this point, I think I'm on my own. I'll keep you posted :)
--
View this message in context: http://tapestry.1045711.n5.nabble.com/Tapestry-Jquery-datatable-detail-row-tp5719938p5719983.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Tapestry-Jquery datatable detail row.
Posted by Emmanuel DEMEY <de...@gmail.com>.
OK. So I have to do nothing ? :d
2013/2/12 George Christman <gc...@cardaddy.com>
> Manu, that issue preventing me from upgrading jquery actually doesn't
> appear
> to be a bug, but perhaps an oversight by the Tapestry Team. It appears the
> ajaxformloop doesn't have the alwaysSubmit parameter enabling the
> ajaxformloop component to set formfragment alwaysSubmit parameter to true.
> This appeared to work in the past with Tap-Jquery, but was actually not
> working correctly based on the tapestry spec, so when you guys repaired
> that
> issue, it broke it for me. I made a suggestion to the Tap team to add that
> parameter. For the time being, I'm just going to create my own AjaxFormLoop
> component so I can complete the upgrade and finish the detail row up.
>
>
>
>
> --
> View this message in context:
> http://tapestry.1045711.n5.nabble.com/Tapestry-Jquery-datatable-detail-row-tp5719938p5719979.html
> Sent from the Tapestry - User mailing list archive at Nabble.com.
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
>
--
Emmanuel DEMEY
Ingénieur Etude et Développement
ATOS Worldline
+33 (0)6 47 47 42 02
demey.emmanuel@gmail.com
http://emmanueldemey.fr/
Twitter : @EmmanuelDemey
Re: Tapestry-Jquery datatable detail row.
Posted by George Christman <gc...@cardaddy.com>.
Manu, that issue preventing me from upgrading jquery actually doesn't appear
to be a bug, but perhaps an oversight by the Tapestry Team. It appears the
ajaxformloop doesn't have the alwaysSubmit parameter enabling the
ajaxformloop component to set formfragment alwaysSubmit parameter to true.
This appeared to work in the past with Tap-Jquery, but was actually not
working correctly based on the tapestry spec, so when you guys repaired that
issue, it broke it for me. I made a suggestion to the Tap team to add that
parameter. For the time being, I'm just going to create my own AjaxFormLoop
component so I can complete the upgrade and finish the detail row up.
--
View this message in context: http://tapestry.1045711.n5.nabble.com/Tapestry-Jquery-datatable-detail-row-tp5719938p5719979.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Tapestry-Jquery datatable detail row.
Posted by Emmanuel DEMEY <de...@gmail.com>.
Hi George
I Will have a look to this issue tomorow.
Manu
Le lundi 11 février 2013, George Christman a écrit :
> Manu, I'll first need to figure out how to resolve this issue
> https://github.com/got5/tapestry5-jquery/issues/267 before being able to
> move forward with the detail row. The older version of tap-jquery doesn't
> support detail, but currently unable to upgrade to the newer tap-jquery
> version do to the above github issue.
>
>
>
> --
> View this message in context:
> http://tapestry.1045711.n5.nabble.com/Tapestry-Jquery-datatable-detail-row-tp5719938p5719950.html
> Sent from the Tapestry - User mailing list archive at Nabble.com.
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org<javascript:;>
> For additional commands, e-mail: users-help@tapestry.apache.org<javascript:;>
>
>
--
Emmanuel DEMEY
Ingénieur Etude et Développement
ATOS Worldline
+33 (0)6 47 47 42 02
demey.emmanuel@gmail.com
http://emmanueldemey.fr/
Twitter : @EmmanuelDemey
Re: Tapestry-Jquery datatable detail row.
Posted by George Christman <gc...@cardaddy.com>.
Manu, I'll first need to figure out how to resolve this issue
https://github.com/got5/tapestry5-jquery/issues/267 before being able to
move forward with the detail row. The older version of tap-jquery doesn't
support detail, but currently unable to upgrade to the newer tap-jquery
version do to the above github issue.
--
View this message in context: http://tapestry.1045711.n5.nabble.com/Tapestry-Jquery-datatable-detail-row-tp5719938p5719950.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Tapestry-Jquery datatable detail row.
Posted by George Christman <gc...@cardaddy.com>.
Okay, I'll get this working and donate the code.
--
View this message in context: http://tapestry.1045711.n5.nabble.com/Tapestry-Jquery-datatable-detail-row-tp5719938p5719945.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Tapestry-Jquery datatable detail row.
Posted by George Christman <gc...@cardaddy.com>.
Manu, could you elaborate a little bit more on creating a component? Would
this be a tapestry component? My initial thoughts we're to create a mixin
with a json object passed in containing the details. I would then add the
additional row which could be added to the expand icon's event handler. Does
this seem like a good approach to you?
--
View this message in context: http://tapestry.1045711.n5.nabble.com/Tapestry-Jquery-datatable-detail-row-tp5719938p5719944.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Tapestry-Jquery datatable detail row.
Posted by Emmanuel DEMEY <de...@gmail.com>.
I have already developed something like that. but I do not find the code.
Sorry.
You can maybe create a component, corresponding to the icon of the first
column. This column will add a JavaScritp handler, to the click event, and
display your data in a new row, located just after the selected row.
Manu
2013/2/11 George Christman <gc...@cardaddy.com>
> I've currently setup my datatable using the tapestry-jquery datatable
> component. I'm looking to create a detail row which is nothing other than a
> new tr row added below each result. Does anybody know of a good approach to
> add the additional tr row after every result without the use of javascript?
> If javascript is required, should I use the fnRowCallback to append the
> additional row? Just looking for the best option.
>
> example,
> http://datatables.net/release-datatables/examples/api/row_details.html
>
> Thanks
> George
>
>
>
> --
> View this message in context:
> http://tapestry.1045711.n5.nabble.com/Tapestry-Jquery-datatable-detail-row-tp5719938.html
> Sent from the Tapestry - User mailing list archive at Nabble.com.
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
>
--
Emmanuel DEMEY
Ingénieur Etude et Développement
ATOS Worldline
+33 (0)6 47 47 42 02
demey.emmanuel@gmail.com
http://emmanueldemey.fr/
Twitter : @EmmanuelDemey