Javascript
翔云123456
这个作者很懒,什么都没留下…
展开
-
如何定时刷新页面
由于项目需要,最近开始做前端,接触Javascript。如何使用Javascrip实现定时刷新页面呢? JS中提供了一个API setInterval()专门用于定时执行一些操作。函数原型为:setInterval('function_name()', interval)第一个参数是要定时执行的函数,第二个参数是时间间隔,单位为毫秒。举例说明:<script>function refresh_w原创 2016-10-22 20:06:59 · 3554 阅读 · 0 评论 -
boostrapTable的refresh和refreshOptions区别
在使用bootstrapTable时,刷新数据有两个方法refresh、refreshOptions,其用法相似:<table id="event_table"></table>...<script> $("#event_table").bootstrapTable('refresh', {url: new_url }); $("#event_table").bootstrapTa原创 2017-01-21 15:29:33 · 17337 阅读 · 0 评论 -
table 列宽调整注意的几点
1.如果要设置各个列的宽度,必须将table-layout属性设置为fixed;<style> .table{ table-layout: fixed; }</style>2.由于bootstrapTable可以有选择的显示哪些column, 设置列宽时,最好不要把所有的column 宽度都设置成固定值,而只固定table的几个column的width。 原因是原创 2017-01-21 15:32:50 · 7360 阅读 · 0 评论 -
网页中右键功能的实现--- contextMenu的使用
本文介绍一种网页中实现右键功能的方案–contextMenu。1.下载下载地址 https://github.com/swisnl/jQuery-contextMenu下载得到压缩文件jQuery-contextMenu-master.zip解压后,使用dist目录下css、js。2.使用方法使用步骤: 1. 引用css、js。 2. html、js代码。简单例子如下: 代码test.h原创 2017-02-12 22:13:42 · 3336 阅读 · 0 评论 -
bootstrapTable 不同版本的refresh 有差别
v1.8.1如果不提供url,refresh默认使用上次的url。v1.11.0如果不提供url,refresh默认使用加载页面时的url。个人看法两种方式,以个人感觉来看,v1.8.1实用性更大些。 尤其是,page size改变时的刷新,以及翻页时的刷新,优势更加明显。 比如,当我们查出一个结果集后,想将page size改小,此时因为page size改变时不能提供url,refresh如原创 2017-03-12 16:12:50 · 3085 阅读 · 0 评论 -
bootstrapTable请求数据时,如何设置超时(timeout)?
使用bootstrapTable获取数据时,有时由于网络或者服务器的原因,无法及时获取到数据,页面显示一直处于等待状态。为了改善效果,考虑设置超时,请求发送后超时即显示无数据,过段时间重新发起请求。实现上,bootstrapTable通过ajax获取数据,可以使用ajaxOptions选项设置ajax的一些属性。bootstrapTable要设置timeout,首先要将async属性设置为true,原创 2017-01-21 15:20:55 · 3852 阅读 · 0 评论 -
javascript中如何判断null 和 undefined
关于null 和undefined的理解,首先看下面的例子,有点直观的认识。 例子:var obj;console.log(obj);//undefinedconsole.log(typeof obj);//undefinedvar obj=null;console.log(obj);//nullconsole.log(typeof obj);//object判断undefinedtype原创 2017-03-26 17:32:22 · 581 阅读 · 0 评论 -
chart.js(intermediate value).Line is not a function
chart.js是一款网页中绘制图表的JavaScript框架。 初次使用就掉到了坑里。。。问题:代码:new Chart(ctx).Line(data,options);问题:chart.js(intermediate value).Line is not a function原因:这是由于chart代码版本和其说明文档版本不匹配造成的。下载的代码版本是v2.5.0,使用的说明文档却是v1.xx原创 2017-04-03 10:36:45 · 5462 阅读 · 1 评论 -
js如何判断数组
在JavaScript中,想要判断某个对象值属于哪种内置类型,最靠谱的做法就是通过Object.prototype.toString方法。 下面针对如何判断数组,举例如下。具体代码:function isArray(o){ return Object.prototype.toString.call(o)=='[object Array]';}测试代码:var ary = [1,23,4]原创 2017-04-03 11:06:17 · 443 阅读 · 0 评论 -
在使用bootstrapTable获取数据时,如何获悉table数据是否加载成功?
bootstrapTable提供了专门的loadsuccess方法,用于反映数据是否加载成功。$table.on('load-success.bs.table',function(data){ console.log("load success"); });bootstrapTable使用文档,可参考http://bootstrap-table.wenzhixin.net.c原创 2017-01-21 15:08:18 · 11695 阅读 · 2 评论 -
如何设置table,使单元格内容无论多少,只显示一行,超过单元格宽度的部分自动隐藏,当鼠标放到单元格上,内容自动显示完整?
主要包括3个步骤:设置style<style> .table{ *table-layout: fixed;* } .table td:hover{ overflow: visible; white-space: normal; } .table td { word-wrap: break-word;原创 2017-01-21 14:43:24 · 6318 阅读 · 0 评论 -
bootstrapValidator 如何重新启用提交按钮
bootstrapValidator 使用中,由于字段检查等原因,致使提交按钮失效。如何重新启用提交按钮呢?下面一句代码可以实现启用提交按钮:$('#loginForm').bootstrapValidator('disableSubmitButtons', false); 更多请参考: http://blog.csdn.net/nazhidao/article/details/51542508原创 2017-02-19 16:57:00 · 5184 阅读 · 0 评论 -
bootstrap的datetimepicker如何显示和选择小时分钟
如题所示,使用datetimepicker时,如何显示和选择小时、分钟呢?其实很简单,如下代码所示:html的代码: <input type="datetime" value="{{ start_time }}" name="start_time" id="start_time_picker" class="datetimepicker" readonly>javascript的代码:$('.dat原创 2016-10-22 20:28:32 · 63825 阅读 · 3 评论 -
bootstrap table列属性的设置
例如,table的某一类要根据需要进行着色显示,如何实现呢? 这里使用的单元格属性cellStyle. 实例代码如下:...column:[ { field: 'message', title: '内容', align: 'left', cel原创 2016-10-22 21:40:11 · 43773 阅读 · 1 评论 -
Javascript初试
下面是一个简单的JavaScript网页,体验一下。<html><head> <title>JavaScript Demo</title></head><body><p id="demo1">Good day, isn't it?</p><button type="button" onclick="myFunc()">try to click</button><script>原创 2016-10-22 22:03:15 · 349 阅读 · 0 评论 -
前端开发中表格table单元格高度或者行高的设置
最近开发中遇到一个问题:在width一定的情况下,如何设置table的单元格高度? td的height、max-height属性设置以后,发现完全没有效果。后来多方收集资料后才明白,单元格高度由以下因素决定:首先,根据单元格内内容,要把内容放的下;其次,再看height设置值;如果内容小于height,单元格高度自动扩展到height;参考:http://www.cnblogs.com/li原创 2016-12-25 16:54:01 · 45097 阅读 · 0 评论 -
bootstrapTable refresh 方法使用简单举例
本文就bootstrapTable refresh 方法如何传递参数做简单举例说明。下面代码中,一个table,一个button,单击button会触发刷新表格操作。<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><link rel="stylesheet" href="../libs/bootstrap-table-v1.原创 2017-02-19 16:18:56 · 86418 阅读 · 1 评论 -
Bootstrap table右键功能的实现
最近遇到有一个需求,需要在bootStrapTable上使用右键。网上搜了半天没有找到,最后发现bootStrapTable不支持右键(官方文档给出的答案 https://github.com/wenzhixin/bootstrap-table/issues/241 )。本文介绍使用contextMenu插件实现bootStrapTable右键功能。代码(test.html):<!DOCTYPE h原创 2017-02-12 22:20:14 · 7113 阅读 · 8 评论 -
Bootstrap table 刷新回调陷入死循环
最近开发前端页面,在使用bootStrapTable自带的刷新按钮时,遇到一个死循环调用问题。bootStrapTable 自带刷新按钮,点击后会以上次url为参数触发自带的刷新操作。而现在要求更新url后再去刷新,这样自带的刷新操作无法满足需求。通过查看官方文档,看到可以定义refresh事件回调函数,在回调函数里面再设置新的url,然后显式调用refresh操作,看起来已经完成了需求,然而。。。原创 2017-02-18 15:40:21 · 5062 阅读 · 1 评论 -
Bootstrap table 定制提示语
使用Bootstrap table过程中,有时会根据需要,显示定制的提示语,例如没有找到匹配记录的提示语,以及正在加载过程中的提示语等。下面简单介绍查询结果和加载过程中的提示语的定制。$table.bootstrapTable( columns:[ …… ], formatNoMatches: function(){ return "没有相关的匹配结果原创 2017-02-19 16:40:14 · 9022 阅读 · 1 评论 -
主线程中同步的 XMLHttpRequest 已不推荐使用,因其对终端用户的用户体验存在负面影响。
最近写前端页面,使用ajax请求数据时,遇到一个提示信息: 主线程中同步的 XMLHttpRequest 已不推荐使用,因其对终端用户的用户体验存在负面影响。更多帮助请见 http://xhr.spec.whatwg.org/ajax请求代码如下:$.ajax({ url:'{{ API_URL }}notification/inform/', type: 'POST',原创 2017-05-20 15:32:21 · 35639 阅读 · 2 评论