添加的弹窗效果如何修改弹窗窗口的尺寸大小?

发布于 2017-08-16 07:24:30

添加的弹窗效果如何修改弹窗窗口的尺寸大小:那个样式好像是封装的,就是找不到修改宽高尺寸的样式!急需,求解决??

查看更多

关注者
2
被浏览
11.7k
25 个回答
多多123
多多123 2018-12-24
这家伙很懒,什么也没写!

弹框:既设置弹窗大小又加遮罩可以填写两个,中间空格隔开,防止多次点击弹出多个弹框!
QQ图片20181224103152.png

如果是点击标签才弹出的,这么写就可以了
image.png

隔壁小仙女
隔壁小仙女 2018-09-27
这家伙很懒,什么也没写!

image.png

wangxuemei
wangxuemei 2018-07-19
这家伙很懒,什么也没写!

列表外添加、编辑可以更改、列表里面 这样处理 没有效果

林同学
林同学 2019-04-10
这家伙很懒,什么也没写!

我来解释一下这个问题

$(".btn-dialog").data("area", ['800px','200px']);

这种方法固然是可行的, 但时机是需要把握的. 一定要在渲染数据成功后才行.
那么我们利用回调来处理, 代码如下

            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'id',
                ....
                ,
                onLoadSuccess:function(){
                    // 这里就是数据渲染结束后的回调函数
                    $(".btn-dialog").data("area", ['800px','200px']);
                }
Karson
Karson FastAdmin创始人 2017-08-16
FastAdmin!

@小熊 请直接给你的元素添加data-area='["600px","400px"]'试试

zxh32017
zxh32017 2018-01-12
这家伙很懒,什么也没写!

这个修改是可以用的,只不过,原fast.js中有一个area的属性,如果用这个附加,不会替换那个,https://cdn.forum.fastadmin.net/uploads/201801/12/f2382ad355e0531c1e53b9e2f441ae24
我把这个注释后,https://cdn.forum.fastadmin.net/uploads/201801/12/8448468e2f55015f224efffa834e58a3
再附加个area,就好用了,不过这样比较不好

Karson
Karson FastAdmin创始人 2018-01-12
FastAdmin!

@zxh32017#3413 @fisher#3208 我试了使用

$(".btn-add").data("area", ["300px","200px"]);
是没有任何问题的哦
https://cdn.forum.fastadmin.net/uploads/201801/12/6776a7553b5b3baef557e72423859703
https://cdn.forum.fastadmin.net/uploads/201801/12/5e6db1b7a45494a99b8234ead9bbda11
zxh32017
zxh32017 2018-01-12
这家伙很懒,什么也没写!

https://cdn.forum.fastadmin.net/uploads/201801/12/4736f43f4384b436c20367a6f8297fa5
我把代码加在了表格渲染完成后,就好用了,把那个渲染完成的事件方法重写了下,这回好了:grimacing:

小熊
小熊 2017-08-17
这家伙很懒,什么也没写!

@Karson 不知道添加到哪里,哪个页面,不懂,请明示。

小熊
小熊 2017-08-18
这家伙很懒,什么也没写!

@Karson 我都试过了,没有效果,那个弹出太大,如何改小点。

Karson
Karson FastAdmin创始人 2017-08-18
FastAdmin!

@小熊 需要使用jQuery在JS中给元素添加上data-area='["600px","400px"],这个我试过是可以的。

ynew
ynew 2017-08-26
这家伙很懒,什么也没写!

@Karson
这样添加怎么不起作用?
add: function () {
Controller.api.bindevent();
$(".btn-add").data("area","['100px','100px']");}

Karson
Karson FastAdmin创始人 2017-08-26
FastAdmin!

@ynew#941 @小熊#913 正确的做法是使用如果代码添加属性,我试过是可以的。

$(".btn-add").data("area", ["300px","200px"]);
ynew
ynew 2017-08-28
这家伙很懒,什么也没写!

It doesn't work for me.

Karson
Karson FastAdmin创始人 2017-08-28
FastAdmin!

@ynew 这样写肯定是可以的,会不会是因为你使用的较旧的版本。

fisher
fisher 2017-12-27
这家伙很懒,什么也没写!

我试了也不成功(最新版的)。求解

zxh32017
zxh32017 2018-01-12
这家伙很懒,什么也没写!

我也试了,没好用,有解决的吗

zxh32017
zxh32017 2018-01-12
这家伙很懒,什么也没写!

是可以改,不过那个$(".btn-editone").data("area", ['800px','200px'])我等表格加载完,在控制台里执行了一次,才好用,可能是表格没加载完吧,

zxh32017
zxh32017 2018-01-12
这家伙很懒,什么也没写!

我是给表格 的双击加上这个,https://cdn.forum.fastadmin.net/uploads/201801/12/5d110127b04b1a7b367726bdff9d4022
这就不好用了,,,

zxh32017
zxh32017 2018-01-12
这家伙很懒,什么也没写!

我在chrome的控制台里执行一下https://cdn.forum.fastadmin.net/uploads/201801/12/298052c87677ff8435c9f89f76132899
后,双击打开,尺寸就变为设置的尺寸了,

Karson
Karson FastAdmin创始人 2018-01-13
FastAdmin!

@zxh32017 只需要红框那行即可,下面的代码不需要。

zxh32017
zxh32017 2018-01-13
这家伙很懒,什么也没写!

哦,好的,谢谢,其它的代码 在require-table里不会失效哈,:laughing:

浪去郎来
浪去郎来 2018-04-26
这家伙很懒,什么也没写!

@Karson 自定义按钮的弹框大小如何设置?

小吴同学Loving
小吴同学Loving 2018-05-24
这家伙很懒,什么也没写!

@Karson 你这样不能改变我们自定义按钮的弹窗的大小 只可以改变add edit类似这些

honglimin29
honglimin29 2019-08-12
这家伙很懒,什么也没写!

` // 为表格绑定事件

        Table.api.bindevent(table);
        table.on('post-body.bs.table', function (e, settings, json, xhr) {
            $(".btn-editone").data("area", ["100%","100%"]);
        });`

撰写答案

请登录后再发布答案,点击登录

发布
问题

分享
好友

手机
浏览

扫码手机浏览