Emailsuffix插件
邮箱后缀补齐,支持弹层内显示
代码演示
$("#email2").IUI('emailSuffix',{
container: '.form-group',
style: 'global',
item: 'email-item-custom',
current: 'checked',
emails: ['me.com', 'tom.com', 'aliyun.com', 'qq.com', 'gmail.com', 'sina.com', '163.com', '189.com', '189.com', 'sohu.com'],
checkedCall: function() {
//测试:报警输出选中
mark('你选择了:'+$(this).val());
}
});
var layerStatic = $('#layer-emailsuffix').IUI('layer',{
offsetWidth:650,
content:$('#tpl-emailsuffix').html()
});
$('.btn-default').on('click', function(event) {
event.preventDefault();
layerStatic.showLayer();
$("#email").IUI('emailSuffix',{
style:'nested',
offsetLeft:0,
offsetTop:0,
});
});
API
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
style | emailSuffix使用场景,如果在弹层中调用,需改为nested | String | global |
item | 邮件后缀列表项的classname,注:此处只能填写classname,且不需要前面加点 | String | email-item |
current | 选中状态的classname, | String | checked |
emails | 邮箱后缀字典,此接口会直接覆盖默认的值,而不会补差 | Array | [‘163.com’, ‘126.com’, ‘qq.com’, ‘gmail.com’, ‘sina.com’, ‘139.com’, ‘189.com’, ‘sohu.com’] |
delay | 延时隐藏列表,一般用于校验 | Number | 300 |
offsetLeft | 列表位移left,仅在style:”nested”的时候需要用到,一般在global下,会自动计算,无需自己写 | Number | auto |
offsetTop | 列表位移top,仅在style:”nested”的时候需要用到,一般在global下,会自动计算,无需自己写 | Number | auto |
offsetWidth | 列表宽度,仅在style:”nested”的时候需要用到,一般在global下,会自动计算,无需自己写 | Number | auto |
offsetLeft | 列表高度,仅在style:”nested”的时候需要用到,一般在global下,会自动计算,无需自己写 | Number | auto |
如果您发现本页有什么问题,欢迎来提单 Issue : https://github.com/Janking/infinite-ui/issues