aphy358的博客

插件依然伟大，bug依然多，这次代码多了一些。

有如下DIV：上面的这个DIV已经设置了滚动条，要点：1、overflow-x：表示水平方向的滚动条，如果设置了这个，则一定要给定width的值；2、overflow-y：表示垂直方向的滚动条，如果设置了这个，则一定要给定height的值；3、也直接用overflow:auto;也行，那么它就表示同时设定了水平和垂直方向的滚动条；4、这里的auto表示自动样式，

在zTree上面动态添加节点要用到函数：addNodes(parentNode, [index], newNodes, isSilent)关于这个函数的详细说明如下：示例代码如下：//1、获取zTree对象var treeObj = $.fn.zTree.getZTreeObj("treeDiv");//2、获取当前选中的节点var selectedNo

Canvas画圆方法如下： 您的浏览器不支持canvas标签。 //获取Canvas对象(画布) var canvas = document.getElementById("myCanvas"); //检测当前浏览器是否支持Canvas对象，以免在一些不支持html5的浏览器中提示语法错误 if

有的时候在前端页面控制一个事件只在第一次触发时执行，那么这个时候就要用到one方法，比如我想在第一次点击一个按钮的时候执行一段代码：$("#doubi").one('click', function () { debugger; //TO DO...});

//Example1: Merges two arrays, altering the first argument.$.merge( [3,2,1], [4,3,2] ) //Result: [3,2,1,4,3,2] //Example2: Merges two arrays, but uses a copy, so the original isn't altered.var

这个函数作用是：我们可以将类数组对象转换为一个真正的数组对象，从而使用数组对象的内置方法。注意看下面Console部分，转换前和转换后的差别。

$.inarray(value,array)确定第一个参数在数组中的下标位置(如果没有找到则返回 -1 )。示例代码如下：这里发现，如果value是一个对象，则该函数无法给出我们想要的结果。

$.unique()函数是过滤重复值的，但是对对象类的好像不起作用。

我这个案例里不是采用zTree默认的async进行异步加载，而是在onExpand事件里用ajax请求数据，然后再动态的添加子节点，代码如下：var setting = { data: { keep: { parent: true, } }, callback: { onExpand: expa

js 修改z-index的值，有如下方法：1、$(".modal-content").css({"z-index":200})2、$(".modal-content").css("z-index","3000")3、$(".modal-content")[0].style.zIndex=100有时候你通过上述方法试图改z-index的值却不生效，那么很可能是在你改之后，后面其他

js报错如标题所示。报这种错的场景一般是进行ajax请求时，参数传递错误造成的，比如本来是要传一个数字，结果你给传了一个非数值型的字符串，或者要你传一个bool型的参数，结果你传了一个字符串‘true’或者‘false’。遇到这种错误如果一时半会不能确认是传错参数导致的，可以先造一个一定正确的参数进行测试，如果能跑通，则说明确实是原来传的参数有问题，进而对参数进行修改。

在js代码里设置一个下拉列表选中项的方法如下：var obj = document.getElementById('selAppType');$.each(obj .options, function (i, n) {    if (n.value === 'hello') {        n.selected = true;    }});

使用bootstrap 的tooltip显示验证信息的时候，如果是在一个弹出窗进行验证，可能会出现下面的尴尬...圈圈里面的tooltip被挡住了一部分，该怎么办？原因就是因为这个tooltip是属于弹出窗的一部分，它的显示会受到弹出窗自身环境的影响，那么，假如我们把这个tooltip弄成是父窗体的一个控件，这样是不是就可以解决呢？请看如下代码：showErrors:

可以先获取这个弹出框相对于整个浏览器窗口的坐标：if ($(parent.document.body).find("[role='dialog']").length > 0) { x = $(parent.document.body).find("[role='dialog']")[0].offsetLeft; y = $(parent.document.body).find(

要获取浏览器地址栏传过来的参数，直接调用下面这个就行了：window.location.search举例：如果URL地址为： "/edit.html?AppName=新增"，则 window.location.search = "?AppName=%E6%96%B0%E5%A2%9E"，这里浏览器对传过来的参数进行了编码，我们只需要再解码就行了。解码请参考：

下面是实现控件拖拽的完整代码，只实现了拖拽，边界控制没做，可以自行添加。(function ($) {    var move = false;             //标记控件是否处于被拖动状态    var dragOffsetX = 0;        //控件左边界和鼠标X轴的差    var dragOffsetY = 0;        //控件上边界和鼠标

先看如下代码： Your browser does not support the video tag. function allowDrop(ev) { ev.preventDefault(); } function f

1、节点展开（点击前面那个‘+’号或双击节点）onExpand:节点展开的事件回调函数2、节点展开（点击前面那个‘-’号或双击节点）onCollapse:节点折叠的事件回调函数3、示例代码：var setting = { // 树形控件初始化设置 data: { // 数据源

先看一段API文档对这个函数的介绍：然后参考一下该函数的应用举例，请仔细查看数组arr在调用$.map前后的变化：再如：

这次有一些改动，首先去除了myAlert函数，然后改了myAlertSuccess这个函数。当以myAlertSuccess(message)的形式使用时，就和myAlertError还有myAlertWarning效果一样，而当以myAlertSuccess(message,callback)的形式使用时就如之前设定的，通过回调的形式达到阻塞页面的目的。插件下载链接如下：

就这么个简单的插件连着写这么多篇博客，我自己都烦了，索性弄了一个简单的测试项目，托管到Github，有兴趣的少年可以Clone到本地自己倒腾。链接如下：https://github.com/aphy358/Boot.Alert.git

在js代码中给事件函数传入this对象的方法：一、首先是标签对象的代码，如下：二、然后是js里对传过来的this的引用，下面的这个obj就是传过来的this：之后便可以对这个obj对象进行DOM操作。

Json字符串与Json对象之间的转换1、JQuery插件支持的转换方式：Object.toJSONString() //将json对象转化为字符串String.parseJSON()//将json字符串转换成json对象2、浏览器支持的转换方式(Firefox，chrome，opera，safari，ie9，ie8)等浏览器：JSON.parse(str);/

在zTree初始化的时候给节点添加自定义属性方法：1、节点如下，在这里自定义属性为myAttr：var Nodes = [{ ID: 0, ParentID: -1, name: "表单列表", isParent: false, myAttr:"hello" },                       { ID: 1, ParentID: 0, name: "自定义表

event.button的值如下下图所示：

jQuery.extend 和 jQuery.fn.extend 的区别:1、简单的概括：jQuery.extend 是对jQuery 这个类的扩展，类似于一个类的静态方法，直接用类名调用。jQuery.fn.extend 是对一个具体的对象进行扩展，调用的时候要通过该对象。2、jQuery.extend用法示例：jQuery.extend({    fun

substring 与 substr 详解：1、当给这两个函数只传一个参数时，其用法和C#意思一样。2、当给这两个函数传两个参数时：a、substring (param1,param2)param1：表示截取的起始位置param2：表示截取的终止位置a、substr (param1,param2)param1：表示截取的起始位置param2：表示截取的长度3

报这个错有可能是JS代码对Json进行操作时出的错。比如我们在代码里贸然的进行转换：$.parseJSON(JsonStr)或JSON.parse(JsonStr)如果这个时候参数JsonStr并不是符合规范的JSON字符串，或压根就为null，那么这个时候就会报这个错。

jQuery.extend 的用法:1、Jquery的扩展方法原型:　　   extend(dest,src1,src2,src3...);    它的含义是将src1,src2,src3...合并到dest中，返回值为合并后的dest，修改了dest的结构。    如果想要得到合并的结果却又不想修改dest的结构，可以如下使用：    var ne

我们有时候在JS里进行页面跳转，并且传递了参数（AppName），如下：window.location = "../../views/form/edit.html?AppName=新增"但是跳转之后我们用 window.location.search 取出来却成了这样："?AppName=%E6%96%B0%E5%A2%9E"实际上浏览器在传参的时候对参数进

设置页面缩放显示方法如下：// 获取当前窗口宽度和高度var width = $(window.top).width();var height = $(window.top).height();// 按照原始尺寸320*480计算缩放值var scaleX = width / 320;var scaleY = height / 480;// 设置整个文档

单选框按钮（radio）选择事件怎么设置呢？既可以在radio标签里设置onclick事件实现，也可以设置它的onchange事件实现，效果一样，代码如下：那么当点击单选按钮的时候就会触发test函数。

如下一个代码段示例：$.grep(list, function (n, i) { return n.Name === "Joker";})这个函数的作用是对 “list” 这个数组进行筛选，即挑出所有 Name 为 “Joker” 的元素，最后返回的是一个结果集。n：代表每次循环的元素；i：代表每次循环的元素下标。这里和 $.each(list, function(i

我们很多时候会不自觉的在js代码里对一个字符串进行如下操作：str.contains("substr");但是js里面没有这个方法去判断字符串str是不是包含substr，而js提供了另一个方法indexOf：str.indexOf("substr") != -1;如果上面这个表达式为true，则包含，反之则不包含。

分页显示应用的比较广泛，这里大致讲一下整个的功能实现过程：一、概述    整个分页功能的实现大致分这么几个步骤：        1、前端向服务器发出请求；        2、服务器查询出数据，发往前端；        3、前端接收到数据，进行显示。    额...好像是废话，下面请看对这三个步骤的进一步解说。二、前端向服务器发出请求    那

我们平时在用C#写代码的时候，Lambda表达式能给我们很畅快的感觉，如下：foreach (var item in flow.WF_NodeModelList){ if (item.NodeType == 0) //结束节点 { if (flow.WF_NodeModel_LinkList.Where(x => x.NodeModelID2

//屏蔽系统里的backspace键$(document).on("keydown", function () { if (event.keyCode == 8) { if (document.activeElement.type == "text") { if (document.activeElement.readOnly == false)