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

样例图片如下

巴特西

JavaWeb开发常用的前端控件

Validform

WdatePicker

Layer

Ueditor

webuploader

H-ui

最新文章

热门文章