PrimeFaces团队最近宣布一个新的分拆项目——PrimeUI,它来自PrimeFaces项目。
PrimeUI是一套JavaScript Widget控件,可用于创建UI。PrimeUI是把原PrimeFaces的组件进行解耦,提取出来的JS控件可以用于PHP、ASP、Wicket、GWT等等的开发。PrimeUI使用JSON数据,并使用jQuery UI的WidgetFactory API提供Widget控件,作为jQuery插件。其代码开源,采用Apache许可证。
下面是输入文本框Widget的例子:
Default
- textarea id="basic" rows="5" cols="30">textarea>
AutoResize
- textarea id="resize" rows="5" cols="30">textarea>
Maxlength with Remaining Chars
- textarea id="counter" rows="5" cols="30">textarea>
- span id="display">span>
AutoComplete
- textarea id="ac" rows="5" cols="30">textarea>
作者:chszs,转载需注明。作者博客主页:http://blog.csdn.net/chszs
JavaScript代码:
- >
- $(function() {
- $('#basic').inputtextarea();
- $('#resize').inputtextarea({autoResize:true});
- $('#counter').inputtextarea({counter:'display', counterTemplate:'{0} characters remaining.', maxlength:10});
- $('#ac').inputtextarea(
- {
- autoComplete:true,
- scrollHeight:150,
- completeSource:function(request, response) {
- $.ajax({
- type: "GET",
- url: '../autocomplete',
- data: {query: request.query},
- dataType: "json",
- context: this,
- success: function(data) {
- response.call(this, data);
- }
- });
- }
- });
- });
PrimeUI团队计划在今年11月先发布5个Widget控件,最终发布的控件列表包括:
- InputText
- InputTextarea
- SelectOneMenu
- RadioButton
- Checkbox
- CheckboxMenu
- Rating
- Spinner
- AutoComplete
- TabView
- AccordionPanel
- DataTable
- DataList
- DataGrid
- Paginator
- Tree
- TreeTable
- MindMap
- Button
- ToggleButtons
- Menu
- Menubar
- TieredMenu
- ContextMenu
- SlideMenu
- Breadcrumb
- Growl
- Fieldset
- Panel
- Toolbar
- Dialog
- OverlayPanel
- ProgressBar
- Inplace
- Tooltip
- Carousel
- TagCloud
- PickList
- OrderList