Web前端
李晓LOVE向阳
这个作者很懒,什么都没留下…
展开
-
Echarts图表在div尺寸变化时的自适应
问题描述:当界面完成Echarts图表加载时,这个时候如果调整界面大小,展示Echarts的Div大小也随之改变(div的宽、高是通过百分比设置的),但是Echarts图表的大小未发生改变,压缩在了一起。解决方案:设置Echarts图表大小在Div大小改变是,重新调整大小。解决方法:1、如果是单个Echarts图表//使用刚指定的配置项和数据显示图表。myChartSex.setOption(option);window.onresize = myChartSex.resize;原创 2021-01-06 10:27:12 · 2618 阅读 · 1 评论 -
JQuery Dialog框所需引入的JS和CSS文件
在前端HTML界面中如此使用:$.dialog({ type : 'iframe', url : "yshdwdsq.html", modal: true, resizable: false, position: { my: "center top", at: "center top", of: window }, titl...原创 2019-10-08 13:28:38 · 1888 阅读 · 0 评论 -
CSS前端样式美化总结
css按钮样式美化.login-button { /* 按钮美化 */ width: 270px; /* 宽度 */ height: 40px; /* 高度 */ border-width: 0px; /* 边框宽度 */ border-radius: 3px; /* 边框半径 */ background: #1E90FF; /* 背景颜色 */ ...原创 2019-09-27 17:38:42 · 1455 阅读 · 0 评论 -
JS操作表格样式汇总
在HTML界面开发中,经常会遇见JS对TABLE表格的操作,下面针对几种经常性的操作进行汇总:第一:JS动态增加表格行数据在body中定义一个空的Table <div id="detail" class="sub-title4" align="left"> <table id="tb_cxy"> </ta...原创 2019-09-19 15:08:09 · 1735 阅读 · 0 评论 -
Tomcat配置虚拟目录
方式一:配置server.xml文件配置虚拟目录要在tomcat的conf目录下的server.xml的<Host>节点添加如下代码:<!-- This is the virtual directory --><Context path="/web_virtual_directory" docBase="f:\web_virtual_directory" ...转载 2019-04-13 13:40:40 · 1333 阅读 · 0 评论 -
Echarts Loading显示动态加载动画
Echarts的loading加载和工具栏1.toolbox:这是ECharts中的工具栏。内置有导出图片、数据视图、动态类型切换、数据区域缩放、重置五个工具。2.toolbox中的属性,不包含五个工具。里面最主要的就是feature这个,这是toolbox的配置项,五个工具的配置就是在这个里面实现的。属性 类型 说明show bool...原创 2019-04-01 12:01:23 · 10333 阅读 · 0 评论 -
jQuery EasyUI之Form表单提交
Form 表单 用法1. id="ff" method="post"> 2. ... 3. 使 form 成为 ajax 提交的 form 。1. $('#ff').form({ 2. url:..., 3. onSubmit: function(){ 4. /原创 2016-04-24 22:08:22 · 14478 阅读 · 0 评论 -
jQuery EasyUI 中EasyLoader加载器
在前面讲过的jQuery EasyUI的布局中,需要再jsp页面引入五个文件,分别是easyui.css icon.css jquery.easyui.min,js jquery-1.7.2.min.js easyui-lang-zh-CN.js.现在他们会把jQuery EasyUI所有的js文件都加载进来,使用EasyLoader加载器会加载指定的js文件。使用EasyLo原创 2016-04-24 18:49:24 · 736 阅读 · 0 评论 -
jQuery EasyUI基础组件(panel,window,dialog)
在这里我们首先要理解Jquery组件之间的关系,理解Jquery的两种写法。理解动态加载组件的方法,但是不推荐使用动态加载 easyloader.js 解析标签里的class值使用jquery parser.js 首先我们讲解panel面板,例如网页上的最大化,最小化,关闭按钮,他们是怎么实现的呢。用$.fn.panel.defaults重写defaults。原创 2016-04-24 17:59:07 · 5910 阅读 · 0 评论 -
JQuery EasyUI 教程
周末练完车,没有事情,想随便写点东西。一是给自己做点笔记,而是提供给志同道合之人一起进步。jQuery EasyUI 主要包括七个部分的内容:第一:初识EasyUI, Messager消息框。第二: jQuery EasyUI的基本组件(panel,window,dialog)。 第三:Form表单。第四讲:LayOut布局。第五讲:datagrid数据表格。第六讲:tree。第七讲:co原创 2016-04-24 17:35:47 · 460 阅读 · 0 评论 -
jQuery EasyUI 表单
jQuery EasyUI 表单 - 创建树形下拉框树形下拉框(ComboTree)是一个带有下列树形结构(Tree)的下拉框(ComboBox)。它可以作为一个表单字段进行使用,可以提交给远程服务器。在本教程中,我们将要创建一个注册表单,带有 name、address、city字段。city字段是一个树形下拉框(ComboTree)字段,在里面用户可以下拉树面板(tree原创 2016-04-21 16:26:09 · 503 阅读 · 0 评论 -
JQuery EasyUI环境的搭建
JQueryEasyUI搭建环境1、下载JqueryEasyUI包 http://www.jeasyui.com/download/index.php2、打开MyEclipse创建WebProject。3、将下载下来的JqueryEasyUI包解压后放到到WebRoot下。如下图所示二、包含文件 新建一个heade原创 2016-04-21 15:53:33 · 2665 阅读 · 0 评论 -
JQuery EasyUI表单-表单验证
jQuery EasyUI 表单 - 表单验证本次将向您展示如何验证一个表单。easyui框架提供一个 validatebox插件来验证一个表单。在本教程中,我们将创建一个联系表单,并应用 validatebox插件来验证表单。然后您可以根据自己的需求来调整这个表单。原创 2016-04-21 15:40:15 · 667 阅读 · 0 评论 -
论项目的UI设计
最近项目验收过程中,再一次提出了UI设计问题,到底怎样才算是好的UI设计,谈一下我的体会。1,色调 进入页面首先映入眼帘的就是色调了,如果色调搭配的很好,会给用户很舒服的感觉,有使用此软件的兴趣;如果色调搭配凌乱,让人看着不舒服,估计没人会喜欢;色调不能太单一,也不能过于丰富,这种搭配也算是一门技术兼艺术了。 当然,对于色调的喜爱还是因人而异的,我们不能满足所原创 2016-04-21 08:20:28 · 862 阅读 · 0 评论 -
SSh结合Easyui实现Datagrid的分页显示
近日学习Easyui,发现非常好用,界面很美观。将学习的心得在此写下,这篇博客写SSh结合Easyui实现Datagrid的分页显示,其他的例如添加、修改、删除、批量删除等功能将在后面的博客一一写来。 首先看一下要实现的效果:当每页显示5行数据: 当每页显示10行数据,效果如下:具体步骤:1、下载Easyui,并搭建环境。可参照博客http://blog.csdn.n原创 2016-04-28 10:58:52 · 1944 阅读 · 0 评论 -
jsp页面如何控制单元格不区分汉字,字母,数字自动换行
加上样式:style="word-wrap:break-word;" 就行了,能够实现全是英文或者数字的自动换行,而不会把页面撑开。如果不是尝试下面的加这句,试过了管用原创 2016-04-27 13:10:40 · 1122 阅读 · 0 评论