layer怎么和图表结合使用

我的方法是这样的

yes: function(index, layero){

var ifname="layui-layer-iframe"+index;//获得layer层的名字

var Ifame=windowframes[ifname]//得到框架

var FormID=eval(IfamedocumentgetElementById("form1"))//将字符转成框架中form的对象

IfameChackForm(FormID)//

访问框架内的提交函数，并进行提交前的检查在表单页里设置提交函数，在函数最后再用进行表单的提交。

这样子在表单页就不需要提交按钮了。

。应用举例：如图所示，在F单元格中输入公式：=INDEX

如果我们页面看到的都是缩略图，那就需要做个点击放大效果，那么怎样获取的原始宽高呢？方法如下：

//获取原始宽度

function

getNaturalWidthAndHeight(img)

{

var

image

=

new

Image();

imagesrc

=

imgsrc;

return

[imagewidth,imageheight];

}

//点击缩略图d出层，显示原始。

//获取class为tz_main_box下的所有p标签下的img

$("tz_main_box

p>img")each(function

(k,

v)

{

$(this)unbind("click");

//解除绑定，防止d出多次层。

$(this)click(function

()

{

var

img

=

v;

//对象

var

imgArea

=

getNaturalWidthAndHeight(img);

var

layerWidth

=

imgArea[0]+

5;

if

(layerWidth

>

1080)

{

layerWidth

=

1080;

}

var

layerHeight

=

imgArea[1]

+

5;

if

(layerHeight

>

600)

{

layerHeight

=

600;

}

//layerd出层插件

layeropen({

type:

1,

title:

false,

closeBtn:

0,

area:

[''+layerWidth+'px',

''

+

layerHeight

+

'px'],

skin:

'layui-layer-nobg',

//没有背景色

shadeClose:

true,

closeBtn:

1,

//显示关闭按钮

content:

"<center><img

src='"

+

$(this)attr("src")

+

"'></center>"

});

});

});

以上这篇Js获取原始宽高的实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

1layui的d层插件  layer 使用 当d层的内容很多时，可以先在页面上写好，一般是写在body里面，不要放在其他的div里面，防止d层受到影响，使用方法：

<div id="test" style="display:none;">这里放置d窗内容</div>

<script>

    layuiuse('layer',function(){

      layeropen({

          type:1,

          title: '测试',

          content: $('#test')

      });

    });

</script>

这是使用了  $  ,  前提是引入了jquery, 当然layui里面已经内置了jquery模块，只需要引入就可以  $ = layuijquery;但是下面的问题就来了。。。

2使用以上的方法d出层后，点击关闭d窗，发现d窗的内容(原本隐藏的div)又显示在页面了。

    原因： 你可能引入了某些插件，插件需要引入jquery，而你又引用了layui的jquery,所以就冲突了

解决办法: 在插件的js里面引用layui的jquery

亲测可用！！！！！！！！！！！！

首先下载layui包。放到

public\assets\libs下

public\assets\js\require-frontendjs （这是前台的js，后台同理）

在这个js文件里的

path添加一行

'layui': '/libs/layui/layui'

shim依赖配置

'layui': {

deps: ['css!/libs/layui/css/layuicss'],

init: function () {

return thislayuiconfig({dir: '/assets/libs/layui/'});

}

}

然后在你需要使用layui的地方引用即可

require(['layui'], function(undefined){

layuiuse(['form', 'upload'], function (form, upload) {

//do someth

});

});

以上就是关于layer怎么和图表结合使用全部的内容，包括:layer怎么和图表结合使用、Js获取图片原始宽高的实现代码、layui使用d出层 关闭后d层的内容又显示出来等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！