JavaWeb开发常用的前端控件

罗列的下述控件大多依赖jquery插件，故可提前导入jquery插件以免出错

Validform

提供对表单的验证、提交等功能，具体可查阅其官方文档>>>Validform

示例如下

$("#id").Validform() ;

WdatePicker

简单的日期控件，具体使用可查阅对应官方文档>>>WdatePicker

示例如下

<input type="text" style="width: 200px;" class="input-text Wdate" name="beginDate" id="beginDate" onFocus="var endDate=$dp.$('endDate');WdatePicker({dateFmt:'yyyyMMdd',onpicked:function(){endDate.focus();},maxDate:'#F{$dp.$D(\'endDate\')}'})" />
- <input type="text" style="width: 200px;" class="input-text Wdate" name="endDate" id="endDate" onFocus="WdatePicker({dateFmt:'yyyyMMdd',minDate:'#F{$dp.$D(\'beginDate\')}'})" />

Layer

弹出框以及浮层的控件，相关可参阅官方文档>>>layer

示例如下

//弹出层显示某个页面
var index = layer.open({
	tiptype:2,
	title:"title",
	content:"test.html"
});
layer.full(index);
//关闭
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
//提示
layer.msg(msg,{time:1000,shade:0.01},callback);
layer.alert(msg,{closeBtn:0});

Ueditor

富文本编辑框控件，隶属于百度，详情可参阅官方文档>>>ueditor

示例调用如下

var ue = UE.getEditor('container');

webuploader

图片上传控件，隶属于百度，详情可参阅官方文档>>>webuploader

H-ui

后台控制台样例框架，详情参阅官方文档>>>h-ui

样例图片如下