zoukankan      html  css  js  c++  java
  • 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');
      });
     });

  • 相关阅读:
    笔记75 微服务笔记2
    笔记73 高级SSM整合2
    笔记72 高级SSM整合
    笔记71 SSM整合
    笔记70 Spring Boot快速入门(八)(重要)
    笔记69 基于Redis的zSet集合做数据缓存实现分页查询
    如何理解多租户架构?
    Tomcat8.0源码编译
    HTML语言
    String类
  • 原文地址:https://www.cnblogs.com/xuqiudong/p/3894168.html
Copyright © 2011-2022 走看看