• easyui-01 怎么样使用easyui


    console.info();在控制台打印。

    1、引入

    <script type="text/javascript" src="../../jquery-easyui-1.4/jquery.min.js" ></script>
     <script type="text/javascript" src="../../jquery-easyui-1.4/jquery.easyui.min.js" charset="utf-8"></script>
     <script type="text/javascript" src="../../jquery-easyui-1.4/locale/easyui-lang-zh_CN.js"></script>
     <link type="text/css" rel="stylesheet"  href="../../jquery-easyui-1.4/themes/default/easyui.css" >
     <link type="text/css" rel="stylesheet"  href="../../jquery-easyui-1.4/themes/icon.css"> 

    2、 demo  dialog

      通过class渲染出dialog

       <div class="easyui-dialog" id="dd" title="my dialog"

      style="400px;height:200px" >dialog    content</div>

    通过js渲染出dialog

    $("#xx").dialog();

    -------------------------------------------------------------------------------------------------

    当引入jQuery和easyloader的时候:

    <script type="text/javascript" src="../../jquery-easyui-1.4/jquery.min.js" ></script>
     <script type="text/javascript" src="../../jquery-easyui-1.4/easyloader.js" ></script>

    function checkMe(){
       easyloder.load('dialog',function(){
        $("#d3").dialog({modal:true});
       })
      }

    -------------------------------------

    load()中可传入数组

    easyloader.load()可以用using()简写

    $(function(){
      easyloader.load(['dialog','messager'],function(){
       $("#d3").dialog({modal:true});
       $.messager.alert('Title','load ok');
      });
     });

  • 相关阅读:
    支付宝生活号内置浏览器长按保存二维码
    Web前端发展史
    ES6语法
    Java多线程
    Java基础知识
    静态库和动态库的使用
    Gcc的使用
    Vim的使用
    力扣345. 反转字符串中的元音字母
    力扣605. 种花问题
  • 原文地址:https://www.cnblogs.com/xuqiudong/p/3894168.html
Copyright © 2020-2023  润新知