弹窗提示窗口,弹窗输入窗口

今晚因为个人需求,找论坛找了找并没找到关于这个两个的使用方法。于是我在fast自带的里面找到了相关的内容 特分享给大家。

提示窗口效果演示

TIM截图20190127025538.png

HTML代码

<a href="javascript:;" class="btn btn-danger btn-delexp" title="删除"><i class="fa fa-trash"></i> 删除</a>
注意class部分。“btn”是渲染按钮白色,“btn-danger”是渲染按钮红色,“btn-delexp”是用作js来监控的。
还有些:白色(btn),浅蓝色(btn btn-primary),​深蓝色(btn btn-info),绿色(btn btn-success),黄色(btn btn-warning),​红色(btn btn-danger),黑色(btn btn-inverse)
更多渲染颜色、大小、样式可以去看一些Bootstrap说明

js代码

$(document).on('click', ".btn-delexp", function () {
    var that = this;
    var ids = Table.api.selectedids(table);
    Layer.confirm(
        __('Are you sure to delete all data?', ids.length),
        {icon: 3, title: __('Warning'), offset: 0, shadeClose: true},
        function (index) {
            Backend.api.ajax({
                url: "acc/bdd/delexp",
                data: $(that).closest("form").serialize()
            });
            table.bootstrapTable('refresh');
            Layer.close(index);
        }
    );
});
有几个不需要可以自行删除
ids变量是获取当前选中项的ID(如要删除记得也删除",ids.length")
“table.bootstrapTable('refresh');”是用来刷新表格
“Backend.api.ajax”是ajax请求。如果不需要可更换成其余的。例如:“Fast.api.ajax”

输入窗口效果演示

3.png

跟提示窗口一样。只是js部分有所不同。
$(document).on("click", ".testmail", function () {
    var that = this;
    Layer.prompt({title: __('Please input your email'), formType: 0}, function (value, index){
        Backend.api.ajax({
            url: "general/config/emailtest?receiver=" + value,
            data: $(that).closest("form").serialize()
        });
    });
});

最后请求各位大神能补充一些关于 自定义“工具栏按钮”相关的内容。当然也希望不错一些关于JS的API文档

1 条评论

发布
问题