zoukankan      html  css  js  c++  java
  • easyui下载包详解

    easyui包详解:
      文件夹:
        demo——该目录下存放的是 EasyUI PC 版各插件的示例示例。如果不想在官网上查看演示,可以在该目录下找到相应的演示示例

        demo-mobile——该目录下存放的是 EasyUI 移动版各插件的示例

        locale——本地化文件,即语言库。主要用于如 DataGrid 这类有提示信息文本显的插件本地化。需要使用哪种语言加载相应的语言库就行。

        plugins——EasyUI 的插件库,不过一般我们只使用 EasyUI 的主文件jquery.easyui.min.js 就行,主文件已包含所有插件,无需单独加载

        src——EasyUI 的源文件,因为部分功能 EasyUI 不开源,所以该目录下不是全部的源码文件
    源码文件
        themes——主题包。包含主题 style 及相应的资源文件(图标等)。该目标下共包含 5 个主题可供使用(需要更换主题的话只需要在导入包的时候导入相应主题下的easyui就可以了)


    文件:
        changelog.txt——更新日志
        easyloader.js——加载器,可以动态的加载项目用到的 EasyUI 插件
        jquery.easyui.min.js——EasyUI PC版主文件
        jquery.easyui.mobile.js—— EasyUI 移动版主文件
        jquery.min.js——EasyUI 所依赖的 jQuery 主文件
        licence_gpl.txt——许可协议
        readme.txt——版本说明文件
        meta:

          <!--用以说明主页制作所使用的文字以及语言;又如英文是ISO-8859-1字符集,还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集;-->
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <meta http-equiv="content-language" content="utf-8">


          <!--如果支持Google Chrome Frame:GCF,则使用GCF渲染;如果系统安装ie8或以上版本,则使用最高版本ie渲染;否则,这个设定可以忽略。-->
            <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">


          <!--若页面需默认用极速核,增加标签:-->
            <meta name="renderer" content="webkit">


          <!-- 可视区域的宽度,值可为数字或关键词device-width,height:同width;intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放 maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别,maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。user-scalable:是否可对页面进行缩放,no 禁止缩放-->
          <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no" />

        js文件:只需要导入jquery.min.js和jquery.easyui.min.js即可,这两个是必备的js包,其他插件后期会根据需要进行导入;

        css:把themes导入然后删除没用的主题(一般只用icon.css,然后icons一些图标的文件和default主题包)然后导入demo中的demo.css;
          <link rel="stylesheet" type="text/css" href="css/themes/default/easyui.css">
          <link rel="stylesheet" type="text/css" href="css/themes/icon.css">
          <link rel="stylesheet" type="text/css" href="css/demo.css">
          <script src="js/jquery.min.js" type="text/javascript"></script>
          <script src="js/jquery.easyui.min.js" type="text/javascript"></script>
    布局:
    data-options:"collapsible:false";不可折叠
    split:boolean 边框是否固定

  • 相关阅读:
    node 使用笔记
    体会 git 之优越性
    Notes for building gimp-print
    Selenium Books
    Using MongoDB in C#
    Learning coding online
    USING NHIBERNATE WITH MySQL
    Data Visualization Books
    Web Automation with Selenium (C#)
    Gearman In Action
  • 原文地址:https://www.cnblogs.com/coldfishdt/p/6195071.html
Copyright © 2011-2022 走看看