YUI DataTable Pagination - yui

Does YUI (3.7)'s DataTable support pagination? It's mentioned in the API docs - but only in the code example. When I try to find any in-depth documentation, I couldn't see anything.
http://yuilibrary.com/yui/docs/api/classes/DataTable.html
But this suggests that it might not be supported yet (although I understand it's referring to a slightly older version)
http://yuilibrary.com/forum/viewtopic.php?p=32211
Thanks

There are a bunch of paginator modules in the gallery, most of which work with YUI DataTable, but there is no official Y.Paginator in YUI yet.

There's a gallery module for datatable pagination: http://yuilibrary.com/gallery/show/datatable-paginator
Also you can use AlloyUI Pagination with DataTable: https://gist.github.com/zenorocha/5032360

Y.Paginator now exists. But it is very low-level and contains no UI components. see.
There's also a very un-documented Datatable.Paginator class. Which I can't figure out at all. Link.

Related

No tag "notifyMessage" defined in tag library imported with prefix "rich"

I'm busy getting this red-line when trying to use <rich:notifyMessage>. I'm used to primefaces but for this project richfaces is inevitable, hence i'm quite a novice here. I'm using richfaces 3.3.4 final and all required jars are included. What could I be missing? Is there a perfect alternative for a notification message pop-up apart from <rich:message> or <rich:messages>? I'd really appreciate a working example too. Thanks in advance.

Bootsfaces vs Bootstrap

I have used Bootstrap while development of Web Application. Now I have started learning of BootsFaces. While learning very first question pop up in my mind is
What is Exactly difference between Bootstrap and BootsFaces? and
what are their pros and cons over each other?
I searched for these answers but there wasn't any answer which make my doubt clear. Please help me for these questions.
BootsFaces is a JSF component library which generates HTML that uses Bootstrap. BootsFaces allows you to easily work with Bootstrap in a JSF application. Comparing them would be more or less the same as comparing red paint to a red painted board.
Some info from the BootsFaces showcase on this subject, specifically on layouting:
Why BootsFaces? Why not using Bootstrap natively?
BootsFaces takes full advantage of Bootstrap's Grid system while maintaining the benefits of being a JSF framework. Actually, we believe it's more concise and more expressive than programming Bootstrap natively. Convince yourself: inspect the source code of the demo in your browser's source code view. After reformatting, the form is 81 lines. The JSF source is is 45 lines.
BootsFaces being a JSF framework means that you can leverage Bootstrap's layout feature using - for example - the JSF templating system and JSF's conditional rendering to achieve and maintain very complex layouts without much effort.
This website is an example itself: it uses a page template with ui:insert and ui:include and the pages are ui:compositions.
See also:
What is the need of JSF, when UI can be achieved with JavaScript libraries such as jQuery and AngularJS

How To create dynamic List ul and li based on data from database

I'm trying to create a small notification feature in my personal project, I'm using JSF, Primefaces as technologies, and i would like to make the ul and li dynamically behaving based on the size od data retrieved from database, like github or stackoverflow or facebook does.
I hope you guys can give a clue solution, suggestion, a tutorial.
Thanks in advance.
you can use <p:repeat>, see this showcase to adapt the component to your need. or you can use <ui:repeat>, see this example.
If I understand your request, you can integrate ui:repeat into a p:dataScroller.
See http://www.primefaces.org/showcase/ui/data/datascroller/inline.xhtml

What is the equivalent tag for ScriptCollector?

We want to migrate our project from IBM WebSphere 6.1 to Tomcat 6, but in our JSP-JSF UI pages we have extensively used below IBM JSF tags.
ScriptCollector
PanelRowCaregory
PagerWeb
OutPutSelections
InputRowSelect
InputHelperDatePicker
InputHelperAssist
ConvertMask
And to replace above tags, we are trying to find the equivalent tags from Sun JSF or any other open source libraries, but we didn't find any equivalent tags.
I wanted to know whether any body has already worked on this kind of migration project, if yes can you please share the equivalent tags?
or if you solved it differently even that info also will be useful.
Thanks in Advance.
There's no standard JSF equivalent for the <hx:scriptCollector> (although the JSF 2.0 <h:head> comes close). The <hx:scriptCollector> is only required by those IBM-specific <hx:xxx> components. It's designed to collect all JavaScript files required by those <hx:xxx> components and then render the desired <script> tag(s) without potential duplicates when multiple components require the same JS files. It's not required by any standard JSF component.
In other words, just get rid of it without replacement.
As to other tags, just check the available standard components in tag documentation or Java EE tutorial. If none is available, just pick a component library like PrimeFaces or RichFaces. If you still can't figure out, ask an individual question for the particular tag.

Is there any JSF or Primefaces Photo tagger component?

Is there any built-in component for facebook like photo-tagging in JSF(Preferably in Primefaces). Or will it be in near future? I have googled a lot but found nothing -- I found a lot of jQuery photo taggers, but I am not good at jQuery, I am unable to submit tag values to the JSF in jQuery.
Well you could use the jQuery-photo-tagger (believe me, it's worth looking into jQuery) and use the PrimeFaces Ajax-API to make your ajax-calls. The basic functionality is:
PrimeFaces.ajax.AjaxRequest(url, config, parameters);
A little more complex example would be:
PrimeFaces.ajax.AjaxRequest(‘/myapp/createUser.jsf’,
{
formId:’userForm’,
,source:’userForm’
,process:’userForm’
,update:’msgs’
oncomplete:function(xhr, status) {alert(‘Done’);}
},
{
‘param_name1’:’value1’,
‘param_name2’:’value2’
}
);
For more information you can have a look at the User Guide: http://primefaces.org/documentation.html (starting from page 420)

Resources