Welcome

首页 / 脚本样式 / JavaScript

jqGrid翻页时数据选中丢失问题的解决办法

2017-02-15 34
我在项目中使用jqGrid时，采用异步加载服务器数据，例如点击翻页、搜索时都重新加载数据。这样就会产生一个问题。问题描述：当对列表批量删除时，可以选择多个记录信息，选择当前页的第一条，如图：点击下一页再选择一些记录，点击删除时，则无法删除前面页所选择的记录。解决办法：jqGrid貌似没有解决这个问题的方法，所以只能自己写代码保存所选择的记录。需要借助jqGrid的两个事件方法：/**multiselect为ture，且点击头部的checkbox时才会触发此...

巧用canvas

2017-02-06 26
作为一项有意思的新技术，canvas给我们带来了对网页绘图和网页动画的新革命。举个简单的例子，如果以前要在网页中插入一个图标或者是图像，就得用img标签来插入，或者是作为背景图片放入页面中，而现在，除了上述方法，我们还可以运用canvas技术来画出需要的图标或者图像，不仅节省了设计的时间，还减少了http的请求次数，加快了网页的加载速度，下面我就简单介绍下canvas到底有哪些实用的功能吧。1、设计各种图标和logo作为程序员，既会编程又会设计的人我想应该...

AngularJS的ng-repeat指令与scope继承关系实例详解

2017-02-06 46
本文实例分析了AngularJS的ng-repeat指令与scope继承关系。分享给大家供大家参考，具体如下：ng-repeat指令的使用方式可以参考如下代码：<！doctype html><html lang="en"><head><meta charset="utf-8"><title>ng-repeat</title><script src="jquery-1.11.1.j...

微信小程序 九宫格实例代码

2017-02-06 96
微信小程序 九宫格实现效果图：小程序是长在微信上的，是移动端的界面，为了能够更方便的使用，我们常常希望使用九宫格界面的方式作为导航，那要如何实现呢？基于一个简单的思考，九宫格就是三行三列，如果把行作为一个单位，再将每一行分成三列，那是不是就可以了？我们实践一下。首先来考虑九宫格数据的生成，每一个格子需要有一个图标、一个标题、一个便于跳转的路由，那天现在我们有九个页面，所以定义一个一维数组即可。为了更好的进行后续的配置，我们将这个数组独立到一个文件中rout...

AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题

2017-02-06 32
本文实例讲述了AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题。分享给大家供大家参考，具体如下：我们可以使用ng-repeat指令遍历一个JavaScript数组，当数组中有重复元素的时候,AngularJS会报错:Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use "track by" expression to spec...

Bootstrap框架安装使用详解

2017-02-06 28
Bootstrap框架安装使用简单介绍下载 Bootstrap可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本。Download Bootstrap：下载 Bootstrap。点击该按钮，您可以下载 Bootstrap CSS、JavaScript 和字体的预编译的压缩版本。不包含文档和最初的源代码文件。Download Source：下载源代码。点击该按钮，您可以直接从 from 上得到最新的 Bootst...

前端编码规范（3）JavaScript 开发规范

2017-02-06 30
JavaScript规范 变量声明 总是使用 var 来声明变量。如不指定 var，变量将被隐式地声明为全局变量，这将对变量难以控制。如果没有声明，变量处于什么定义域就变得不清（可以是在 Document 或 Window 中，也可以很容易地进入本地定义域）。所以，请总是使用 var 来声明变量。 采用严格模式带来的好处是，当你手误输入错误的变量名时，它可以通过报错信息来帮助你定位错误出处。变量名变量名推荐使用驼峰法来命名（camelCase）全局变量为大...

微信小程序 数据交互与渲染实例详解

2017-02-06 22
微信小程序 数据交互与渲染实现效果图：微信小程序的api中提供了网络交互的api，我们只要调用即可和后端进行数据交互，该api为wx.request.，具体代码如下。//list.js //获取应用实例 var app = getApp（） Page（{data: { list:[], hiddenLoading: true, url: ""},loadList: function （） { var that = this; that.setData（{h...

vue实现添加标签demo示例代码

2017-02-06 23
本篇文章主要介绍vue添加标签，废话不多说了，下面上具体代码效果如下：html<div id="app"><div style="margin-bottom: 4px;"><span class="selectedItem" v-for="item in selectedItems">{{item.name}} <i class="red fa fa-close （alias）"v-on:click="delete...

ng-options和ng-checked在表单中的高级运用（推荐）

2017-02-06 40
AngularJS是当前非常的流行的前端框架，它的语法糖非常多，也极大的方便了前端开发者，但是有着用法还是需要去琢磨一下的。ng-options在select表单控件中，总结一下目前的几种写法。普通写法<select><option value="test1">test1</option><option value="test1">test1</option><option value="t...

Mongoose学习全面理解（推荐）

2017-02-06 26
一、创建schemas创建schemas的方式： var userSchema = new mongoose.Schema（{ name: String, email: String, createdOn: Date }）;schemas中的数据类型有以下几种：StringNumberDateBooleanBufferObjectIdMixedArray特别需要说明一下ObjectId类型和Mixed类型以及Array类型，在schemas中声明这几种类型...

超全面的JavaScript开发规范（推荐）

2017-02-06 27
这篇文章主要介绍的是关于JS的命名规范、注释规范以及框架开发的一些问题，首先来看看目录。目录1. 命名规范：介绍变量、函数、常量、构造函数、类的成员等等的命名规范2. 注释规范：介绍单行注释、多行注释以及函数注释3. 框架开发：介绍全局变量冲突、单全局变量以及命名空间一、命名规范驼峰式命名法介绍：驼峰式命名法由小（大）写字母开始，后续每个单词首字母都大写。按照第一个字母是否大写，分为： ① Pascal Case 大驼峰式命名法：首字母大写。eg：Stud...

一篇文章搞定JavaScript类型转换（面试常见）

2017-02-06 19
为啥要说这个东西？一道面试题就给我去说它的动机。题如下：var bool = new Boolean（false）;if （bool） { alert（"true"）;} else { alert（"false"）;}运行结果是true！！！其实啥类型转换啊，操作符优先级啊，这些东西都是最最基本的。犀牛书上有详细的介绍。但我很少去翻犀牛书的前5章。。。比如说优先级那块儿，很多书都教育我们，“不用去背诵优先级顺序，不确定的话，加括号就行了。“平常我们写代码时...

jQuery基于正则表达式的表单验证功能示例

2017-02-06 28
本文实例讲述了jQuery基于正则表达式的表单验证功能。分享给大家供大家参考，具体如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>...

Vue结合原生js实现自定义组件自动生成示例

2017-02-06 35
就目前三大前端主流数据驱动框架（vue,ng,react）而言，均具有创建自定义组件的api，但都是必须先做到事先写好挂载点，这个挂载点可以是原有静态元素标签也可以是自定义模板；对于多种组件通过同一数据流生成的，如果事先在页面上写好挂载点（mounted），然后通过dom操作去动态添加，会遇到类似这样一条错误提示信息：Failed to execute "appendChild" on "Node": parameter 1 is not of type ...

JavaScript、C# URL编码、解码总结

2017-02-06 47
JavaScript部分encodeURI（） （解码为：decodeURI（））：不会转义的字符：- _ . ！ ~ * ‘ （ ） ;/?:@&=+$,#例如：encodeURI（“http://www.jb51.net?a=-_.！~*"（）;/?:@&=+$,#”）输出：“http://www.jb51.net?a=-_.！~*"（）;/?:@&=+$,#”encodeURIComponent（） （解码为：...

Ajax跨域实现代码（后台jsp）

2017-02-06 25
AJAX 教程AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。在应用时主要是创建XMLHttpRequest对象，调用指定服务地址。但是IE中各个版本支持的不太一样,所以在创建次对象时可能要特殊处理下。一般如下：function createXMLHttpRequest（）{ var xmlhttp; try{xmlhttp = new XMLHttpRequest（）;//ie7及...

boostrapTable的refresh和refreshOptions区别浅析

2017-02-06 45
在使用bootstrapTable时，刷新数据有两个方法refresh、refreshOptions，其用法相似：<table id="event_table"></table>...<script> $（"#event_table"）.bootstrapTable（"refresh", {url: new_url }）; $（"#event_table"）.bootstrapTable（"refreshOptions"...

BootstrapTable请求数据时设置超时（timeout）的方法

2017-02-06 32
使用bootstrapTable获取数据时，有时由于网络或者服务器的原因，无法及时获取到数据，页面显示一直处于等待状态。为了改善效果，考虑设置超时，请求发送后超时即显示无数据，过段时间重新发起请求。实现上，bootstrapTable通过ajax获取数据，可以使用ajaxOptions选项设置ajax的一些属性。bootstrapTable要设置timeout，首先要将async属性设置为true，在bootstrapTable中async默认是false...

Vue 过渡（动画）transition组件案例详解

2017-02-06 27
Vue过度（动画），本质走的是CSS3：transtion，animation。控制器div显示/隐藏，代码如下： <div id="box"><input type="button" value="按钮" @click="toggle"><div id="div1" v-show="isShow"></div></div><script type="text/javascript">...
<< 11 12 13 14 15 16 17 18 19 20 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图