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
样例图片如下
作者:南柯问天
出处:http://www.cnblogs.com/question-sky/
本文版权归本人和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。