
web前端
yuan487639
这个作者很懒,什么都没留下…
展开
-
DataTables实现增删改查(1.10版本)
这段时间项目需要做个APP的管理后台,运维人员用的,简单的增删改查,于是想到了dataTable,下面简单记录下个人在使用过程中的一些难点,顺带一些没有解决的问题,将随着项目的进展,慢慢解决。先看一下插件的页面效果:[img]http://dl2.iteye.com/upload/attachment/0117/4531/228b4f44-df7f-3361-88a1-922bc0...原创 2016-05-16 18:48:28 · 824 阅读 · 0 评论 -
使用bootstrap搭建查询框(2)
上午接着折腾,总算做出个能看的了,实际效果如下:[img]http://dl2.iteye.com/upload/attachment/0114/8553/97f5fe5f-a1b2-3aff-87de-2fac87c6eeab.png[/img]先说一下需求:1.查询框表头需要文字居左,高度一定,存在分隔边框;2.查询框主体需要分隔边框;3.查询框底部需要文字居右,添...原创 2016-01-28 11:04:37 · 166 阅读 · 0 评论 -
使用bootstrap搭建查询框
最近在研究项目JSP页面用到的一些标签,有些标签确实好用,不过由于不是bootstrap最新版本,存在一些小毛病,想着能不能重新做一套CSS标签。先从查询框说起吧,最后想达到的效果是这样子的[img]http://dl2.iteye.com/upload/attachment/0114/8464/47f9f621-86e2-3485-9d22-7398e58c4881.png[/i...原创 2016-01-27 18:16:12 · 391 阅读 · 0 评论 -
关于org.apache.commons.httpclient源码的一些跟进
最近想要把一个比较小的文件存到数据库中,网上搜了一大堆乱七八糟的博客,有些点击量甚至过了10万,不是太旧,就是api没看懂,于是自己跟了一下org.apache.commons.httpclient的源码,这里做一下记录;对于懒癌程序员而言,希望拿到手能用到的代码;稍微有点追求的,对于一些看起来比较蛋疼的代码,会想着能不能去优化,为什么一定要写这些一成不变的代码,能不能不写?我可以告诉你,...原创 2017-05-09 16:21:30 · 330 阅读 · 0 评论 -
dataTables后台分页功能的实现
表格数据量如果很大,超过5000行的话,建议使用后台分页功能。关于这个功能的一些参数:开关:表格初始化时的选项,字段为serverSide,true表示使用后台分页功能请求:使用ajax自定义的方法时,data字段增加了下面三个属性1.start:开始2.lenght:需要数据长度,即多少行3.draw:标记字段以上三个字段,start和length其实对应的是sql语...原创 2016-11-14 19:35:15 · 847 阅读 · 0 评论 -
关于解决JQuery无法获取初始化时js生成的html标签
今天遇到这个问题,页面的一些div需要由js生成,而后需要对生成的div做一些赋值操作;问题是,这些js拼接的div,必须被渲染好之后,才能有JQuery选择器获取;解决:利用setTimeout方法,该方法与页面初始化时不冲突的,可以指定多长时间后再执行该方法,这样就能在页面渲染完成之后,再获取这些div了。...原创 2016-11-01 17:30:41 · 646 阅读 · 0 评论 -
css+js实现进度条
说一下思路,这里用到的js方法需要有一个类似java的调度器,每隔多少秒执行一次;css方面,是一个父子标签,父标签长宽固定,子标签宽度被js控制,子标签的背景色表示进度条;再看代码就简答多了[code="html"] Title * { padding: 0; margin: 0; }...原创 2016-10-19 20:10:05 · 589 阅读 · 1 评论 -
CSS+JS写折叠下拉菜单
看到别人通过id和增加的属性来对应父子关系,觉得麻烦,想着能不能定义一个类来实现。最终的代码类似这样[code="html"]一级菜单一级菜单存在子菜单二级菜单二级菜单二级菜单[/code]实现的功能是点击存在子菜单的一级菜单,能够打开或关闭该子菜单下的二级菜单。之前想通过纯CSS来实现,找了很久发现CSS无法监听onclick动...原创 2016-10-18 14:36:03 · 933 阅读 · 0 评论 -
dataTable重新异步加载表格数据
如果表格的数据不是固定的,譬如需要根据时间等参数变化,那么不可避免的需要异步加载数据。需要注意的是,dataTable表格对象不允许两次初始化,所以你不能简单粗暴的再次执行表格的构建方法,官方文档提供了相关的表格数据重新加载的方法,这里记载一下。之前说过,dataTable数据来源可以直接对data属性赋值,或者使用ajax属性发起请求。我原本以为官方会提重置data的方法,不过在官网...原创 2016-09-01 20:55:56 · 1951 阅读 · 0 评论 -
dataTables整理
使用dataTable很久了,最近想整理下这个插件的一些常用内容,方便下次使用。这是一款前端插件,提供数据展示和编辑功能。其中展示和编辑是两个大模块,在实现时,也是两种完全不同的对象。所以这其实是两个插件,在记录的时候,也会直接分开记录,当然,两者之间的必要联系,自然会有。--以下是关于表格展示的介绍一、数据1.数据源先说表格,既然作为数据展示的前端插件,如果从...原创 2016-09-01 20:39:45 · 130 阅读 · 0 评论 -
dataTable-表格调色
国际惯例贴下效果图,大红真心丑,无耐看的人是三四十岁的大叔,理解下吧。[img]http://dl2.iteye.com/upload/attachment/0119/2840/fbe0d5e9-fd5d-313e-a0f6-dbc9857cb0fb.png[/img]设置颜色的代码如下,其实是一个回调函数[code="javascript"] "fnRo...原创 2016-08-10 19:17:14 · 631 阅读 · 0 评论 -
dataTable-editor的设置(2)
--2016-12-30补充这几天使用checkbox这个属性,有个坑,记录一下。checkbox获取的参数是一个数组,所以后台需要用一个数字类型的字段去接收这个字段;由于我后台接口直接对应数据库表的字段,所以,我把该字段设计成了string,这样在传递时,就需要做一个简单的适配,将数组适配成String后进行传输;先看下整体风格,接受不了官网那种豪放的风格,因为在页面风格...原创 2016-08-10 18:56:59 · 560 阅读 · 0 评论 -
Echart--tooltip
这就是一个提示信息,当鼠标经过某一个区域时,有一个信息框用的比较多的其实是到底展示什么样的内容常用的参数trigger:'axis'(如果不设这个值好像就不会显示提示信息)formatter:这个值想具体的聊一聊之前画过一个饼图,显示的是百分比,而实际传递参数是,传递的其实是一个float数值,且没有百分号,想在每个数据后面加上一个“%”,然后就呵呵哒了。。...原创 2015-09-08 16:07:44 · 383 阅读 · 0 评论 -
Echart-title
这个其实没有太多的内容,这是一个对象,这个对象本身有一些参数:text:"主标题"subtext:"副标题"x:标题的x轴位置,参数的值可以是数组,不需要写单位,默认为pxy:标题的y轴位置标题的位置默认为左上,可以参数的值可以是“center”,其他的暂时没用到...原创 2015-09-08 15:44:40 · 165 阅读 · 0 评论 -
echart使用初级篇
还好今年刚开始接触代码,所以很自然的用到了百度的Echarts,前辈说Echarts完爆highChart,没有体验过后者的繁琐,也不想体验。 :oops: 其实对于一张图来说,我们可以很自然的想到这张图的名称,数据,鼠标放上的提示信息,图例,X坐标、Y坐标,而这些东西,其实正对应着Echarts的一些参数。titlt:对象,对应标题的设置tooltip:对象,对应提示信息的设...原创 2015-09-08 15:36:57 · 176 阅读 · 0 评论 -
dataTables未解决问题
1.集成bootstrap的datetimepicker失败,官方给出的两种方法都不行,看问答部分,这个问题貌似也一直没有得到很好的解决。原创 2016-05-23 18:31:34 · 144 阅读 · 0 评论 -
DataTable之Editor个性化设置
1.如何设置增删改查按钮的位置以及是否显示?[code="javascript"] table.buttons().container().appendTo($("#action"));使用appendTo方法,可以将按钮增加到指定的位置[/code]2.如何设置增删改查按钮的文本?[code="javascript"]//新建按钮时,标识text值,注意,extend...原创 2016-05-23 18:18:46 · 835 阅读 · 0 评论 -
checkbox获取选中元素的值
使用input标签时,页面修改内容在debug模式下不会跟着变化,使用Jquery选择器时想当然地认为会跟着变化,不能获取结果。不过Jquery的val()方法依旧能获得值,或者使用DOM元素,也能获得相应的值。[code="html"][/code]两种解决方法,第一使用原生态的DOM节点,第二依旧使用Jquery选择器方法一:匹配属性值是“true”[c...原创 2016-02-17 17:49:48 · 4989 阅读 · 0 评论