easyui(基本布局)

最新推荐文章于 2023-05-23 11:51:36 发布
最新推荐文章于 2023-05-23 11:51:36 发布
阅读量122 收藏
点赞数
文章标签： easyui 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_68211831/article/details/124597173
版权

一.下载easyui

网址如下：

EasyUI - helps you build your web pages easily

 二.引入

 封装，方便引入

 引入公共界面：

 

代码展示：

 <body class="easyui-layout">
    <div data-options="region:'north',title:'',split:true"
        style="height: 85px; text-align: center;">
        <h1>书籍后台管理</h1>
    </div>
    <div data-options="region:'south',split:true"
        style="height: 100px; text-align: center;">
        <h3>&copy;玉渊工作室,未经同意请勿盗用</h3>
    </div>
    <div data-options="region:'west',title:'功能导航',split:true"
        style="width: 120px;">
 
        <!--左侧的tree控件  -->
        <ul id="myTree" class="easyui-tree">
        </ul>
 
    </div>
    <div data-options="region:'center'"style="padding: 5px; background: #fff;">
    
        <!--中间的tabs控件  -->
        <div id="myTab" class="easyui-tabs" style="width: 100%; height: 100%;">
            <div data-options="iconCls:'icon-bullet-home'"  title="首页" style="padding: 10px; display: none;">
                 <img  src="images/lb1.png" style="width: 100%; height: 100%;"/>
            </div>
        </div>
    </div>
</body>

今天就分享到这里，下次见，拜拜！

讨厌下雨天。
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
easyui 基本布局
weixin_65089602的博客
05-05 198
思维导图 入门 环境安装:下载 解压 5个(2个CSS[easyui.css icon.css] 3个JS[jQuery.js easyui.js CN.js]) 公共页面 head.jsp ctx取绝对路径 防止404 控件的使用：layout 几种方式去学控件：1.Demo 2.API离线文档 属性 方法 事件 http://www.jeasyui.net/（中文网） http://www.jeasyui.com/（英文版） EasyUI官方下载地址：http://www.je..
jQuery组件easyui基本布局实现代码
01-21
本文实例为大家分享了 ...link rel=stylesheet type=text/css href=../themes/default/easyui.css> <link rel=stylesheet type=text/css href=../themes/icon.css> <link rel=stylesheet type=text/css
Jquery easy UI 上中下三栏布局 分类： ASP.NET ...
weixin_33881753的博客
02-06 122
效果图： 源代码： &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &l...
使用easyUI创建Split Button
java开发指南博客 【转载】
08-08 100
@author YHC SplitButton 包含一个 linkbutton和一个menu.当用户点击或者鼠标悬停在向下箭头区域一个对应的菜单将显示,这个示例演示了如何创建和使用splitbutton 查看 Demo 我们创建一个 splitbutton和一个linkbutton: &lt;div style="border:1px solid #ccc;backgroun...
深度学习入门基于Python的理论与实现_第三章_神经网络
sally的jerry
10-13 1325
1. 从感知机到神经网络 1.1 神经网络的例子 1.2 复习感知机 1.3 激活函数登场 2. 激活函数 2.1 sigmoid函数 2.2 阶跃函数的实现 2.3 阶跃函数的图形 2.4 sigmoid函数的实现 2.5 sigmoid函数和阶跃函数的比较 2.6 非线性函数 2.7 ReLU函数 3. 多维数组的运算 ...
EasyUI layout动态设置Split属性
weixin_30443731的博客
07-31 525
switch (rowData.ISREGISTERTASK) { case 0: 　　　　　　显示north分割线 $('#RightContent').layout('panel', 'north').panel('panel').addClass('layout-split-north'); $('#Ri...
easyUI之为splitbuuton绑定事件
逛街的喵啊
10-28 1096
通过easyUI可以很迅速的创建一个分割按钮，但是easyUI没有为splitbutton封装onClick事件，这里我们谈下如何为它添加单击事件。 第一种，在标签内添加onClick，如下： Ok Ok Cancel function show(name){ alert(name); } 第二种，在标签内添加id或class，如下： Ok Ok Cancel $(
可拖拽布局组件easyui-portal
12-24
`EasyUI-Portal`是一个基于JavaScript和CSS的开源框架，专为创建可定制、可拖拽的布局而设计，它使得开发人员能够轻松构建以用户为中心的Web应用程序，实现信息的集中访问。下面我们将深入探讨`EasyUI-Portal`的核心...
jQuery Easyui实现左右布局
10-22
通过以上步骤，你可以利用 jQuery EasyUI 实现一个基本的左右布局页面，同时，EasyUI 提供的其他组件如 Dialog、Form、Grid 等，可以帮助你进一步完善后台管理系统的功能，如数据录入、查看、编辑等。EasyUI 的灵活...
二、easyUI中的layout（布局）组件
weixin_44230693的博客
05-16 934
二、easyUI中的layout（布局）组件
EasyUI Layout 布局学习（自用）
Xunxuxun的博客
02-18 520
1.介绍 布局（layout）是有五个区域（北区 north、南区 south、东区 east、西区 west 和中区 center）的容器。中间的区域面板是必需的，边缘区域面板是可选的。每个边缘区域面板可通过拖拽边框调整尺寸，也可以通过点击折叠触发器来折叠面板。布局（layout）可以嵌套，因此用户可建立复杂的布局。 2.用法 1.创建布局（Layout） 1、通过标记创建布局（Layout）...
jQuery EasyUI 菜单与按钮 - 创建分割按钮（Split Button）
unber的博客
04-21 297
分割按钮（Split Button）包含一个链接按钮（Link Button）和一个菜单（Menu）。当用户点击或者鼠标悬停在向下箭头区域，将会显示一个对应的菜单。本实例演示了如何创建和使用分割按钮（Split Button）。现在已经定义好了一个分割按钮（Split Button），您不需要写任何的 javascript 代码。
【java 和 js】截取字符串的常用方法整理
最新发布
m0_46459413的博客
05-23 2099
说明 ：substring 方法返回的子串包括 start处的字符，但不包括 end 处的字符。功能：字符串截取，用于提取字符串中介于两个指定下标之间的字符，比如想从"MinidxSearchEngine”中得到"Minidx”就要用到substring(0,6)一个非负的整数，规定要提取的子串的第一个字符在 stringObject中的位置。一个非负的整数，比要提取的子串的最后一个字符在stringObject中的位置多 1。定义和用法：substr方法用于返回一个从指定位置开始的指定长度的子字符串。
字符串转数组
csdn565973850的博客
06-27 299
将获取的字符串以逗号切割后遍历转化为数组 String[] arr = request.getParameter("ids").split(",");     Long ids[] = new Long[arr.length];     for(int i=0;i         ids[i]=Long.parseLong(arr[i]);     }
easyui---layout 有无横的间隔 的区别 split:true
有 prepare , No out
12-07 1万+
1 split:true为false效果 为true效果
EasyUI学习总结(二)——EasyUI布局
热门推荐
Jintao_Ma的博客
07-03 1万+
一、EasyUI布局介绍 　　easyUI布局容器包括东、西、南、北、中五个区域，其中中心面板是必须的，而东、西、南、北这四个面板是可选的，如果布局里面不需要东、西、南、北这四个面板，那么可以把相应的div删掉，另外，如果需要创建复杂的easyUI布局，那么可以通过嵌套东、西、南、北、中五个面板来实现。下面简单演示一下EasyUI布局。 1.1、通过div创建easyUI布局 　　easyU
EasyUI 可调整尺寸问题 已解决
CSDN李文龙的博客
01-07 2597
用EasyUI实现的一个页面，想把页面的下半部分设成高度可调整，但始终实现不了，将div设成resizable对象还是不行，最后将div中的split属性值改为true，问题解决。 现将相关EasyUI知识总结如下： 一、EasyUI布局（layout）是有五个区域（北区 north、南区 south、东区 east、西区 west 和中区 center）的容器。中间的区域面板是必需的，边
12EasyUI 菜单与按钮- 创建分割按钮（Split Button）
阿甘兄
04-17 703
分割按钮（Split Button）包含一个链接按钮（Link Button）和一个菜单（Menu）。当用户点击或者鼠标悬停在向下箭头区域，将会显示一个对应的菜单。本实例演示了如何创建和使用分割按钮（Split Button）。 我们创建一个分割按钮（Split Button）和一个链接按钮（Link Button）： <div style="border:1px solid #ccc;b...
页面平均分成4部分
yuanyuan214365的博客
10-25 1186
将页面平均分成四部分 *{ margin: 0; padding: 0; } .main{ width: 100%; height: 100%; position: absolute; }
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值