两个比较好用的JS方法，用来处理树形结构！

一.平级结构转树形结构 /** * 平级结构转树形结构 * * 示例:const jsonDataTree = listTransToTreeData(jsonData, 'id', 'pid', 'chindren'); * @param list 平级数据列表 * @param idStr id的字符串 * @param pidStr 父id字符串 * @param chindrenStr children的字符串 */ export const listTransToTreeData =…

Vue.js学习（八）—— 树形结构下拉框组件vue-treeselect

vue-treeselect是一个多选组件,具有对Vue.js的嵌套选项支持. 具有嵌套选项支持的单个和多个选择模糊匹配异步搜索延迟加载(仅在需要时加载深层选项的数据) 键盘支持(使用Arrow Up&Arrow Down键导航,使用键选择选项Enter等) 丰富的选项和高度可定制支持各种浏览器需要Vue 2.2+ 一.基本使用流程 1.首先npm'安装依赖 npm install @riophae/vue-treeselect --save 2.然后在需要使用的组件中引入 impor…

vue.js与element-ui实现菜单树形结构

由于业务需要,要求实现树形菜单,且菜单数据由后台返回,在网上找了几篇文章,看下来总算有了解决办法.借鉴文章链接在最底部. 场景:根据业务要求,需要实现活动的树形菜单,菜单数据由后台返回,最后的效果图如下: 后台返回的数据格式是这个样子的: data=[{ pID:'1',//父ID name:'目录一', menuID:'m1',//本身ID isContent:false//判断是否是目录 }, { pID:'1', name:'目录二', menuID:'m2', isContent:fal…

js中同一个onclick绑定了两个js方法出现的问题

问题: js中如果同一个onclick绑定了两个js方法问题,即 <li onclick="f1(),f2()"></li> 两个方法f1,f2中都分别有一个ajax请求. 测试发现,经常有一个或两个ajax请求异常,通常是显示状态码都是200请求成功,但是实际上,浏览器收不到返回参数,这就造成js报错 data is null 等等. 而且,在java后台,往前台写入json数据的方法也经常会报错,比如: flush writer流时出错620015:AP…

两种js方法发起微信支付：WeixinJSBridge，wx.chooseWXPay区别

原文链接:https://www.2cto.com/weixin/201507/412752.html 1.为什么会有两种JS方法可以发起微信支付? 当你登陆微信公众号之后,左边有两个菜单栏,一个是微信支付,一个是开发者中心. 在开发者中心中,有一个微信JS-SDK说明文档. 在此说明文档中,有一个发起微信支付的请求API wx.chooseWXPay({ timestamp: 0, // 支付签名时间戳,注意微信jssdk中的所有使用timestamp字段均为小写.但最新版的支付后台生成签名使…

公共的强制保留两位小数的js方法

强制保留两位小数的js方法 //写一个公共的强制保留两位小数的js方法 function toDecimal2 (x) { var f = parseFloat(x) if (isNaN(f)) { return false } var f = Math.round(x * 100) / 100 var s = f.toString() var rs = s.indexOf('.') if (rs < 0) { rs = s.length s += '.' } while (s.length <…

两个变量交换的四种方法（Java）七种方法(JS)

两个变量交换的四种方法(Java) 对于两种变量的交换,我发现四种方法,下面我用Java来演示一下. 1.利用第三个变量交换数值,简单的方法. (代码演示一下) 1 class TestEV 2 //创建一个类 3 { 4 public static void main(String[]args) 5 { 6 int x =5,y=10; //定义两个变量 7 8 int temp = x; //定义第三临时变量temp并提取x值 9 x = y; //把y的值赋给x 10 y = temp…

JS调用OC方法并传值，OC调用JS方法并传值////////////////////////zz

iOS开发-基于原生JS与OC方法互相调用并传值(附HTML代码) 最近项目里面有有个商品活动界面,要与web端传值,将用户在网页点击的商品id 传给客户端,也就是js交互,其实再说明白一点就是方法的互相调用而已. 本文叙述下如何进行原生的JavaScript交互本文包括JS调用OC方法并传值,OC调用JS方法并传值本来想把html放进服务器里面,然后访问,但是觉得如果html在本地加载更有助于理解,特把html放进项目里 HTML代码 <!DOCTYPE html> <h…

解决同一页面中两个iframe互相调用jquery,js函数

这一个月又没更新博客,唉,懒癌又犯了,今天解决了一个问题,关于两个iframe互相调用jquery函数方法 a.html中有两个iframe,如下: <iframe width="100%" height="100%" name="left" scrolling="auto" frameborder="0" src="b.html" id="left">&…

常用js方法整理（个人）

开头总要有点废话今天想了下,还是分享下自己平时积累的一些实用性较高的js方法,供大家指点和评价.本想分篇介绍,发现有点画蛇添足.整理了下也没多少拿得出手的方法,自然有一些是网上看到的个人觉得很有实用性的方法,在这里一起贴出来供大家探讨. 代码和介绍点击返回若没有之前页面则跳转到规定页面首先是客户需求中要求——单个分享到微信的页面,点击返回可以跳转到网站首页. 期间这个功能有和客户探讨过,能否在页面中添加回到首页按钮进行跳转. 可是这种方式无法作用到每个页面,并且指明需要该功能的分享页面没有…

（转）Silverlight调用的JS方法返回对象数组的处理方法

最近在做Silverlight应用,需要用Silverlight调用页面中Javascript方法.这个JS方法返回一个对象数组给Silverlight.对于这个对象数组怎么在Silverlight里处理这个问题纠结了一阵子,通过搜索,在微软开发者社区里找到了方法. 测试用的JS方法如下: 1: function test() { 2: var testObjectCollection = []; 3: for (var i = 0; i < 10; i++) { 4: var testOb…

.net mvc 站点自带简易SSL加密传输 Word报告自动生成（例如导出数据库结构）微信小程序：动画（Animation） SignalR 设计理念(一) ASP.NET -- WebForm -- ViewState ASP.NET -- 一般处理程序ashx 常用到的一些js方法，记录一下 CryptoJS与C#AES加解密互转

.net mvc 站点自带简易SSL加密传输因项目需要,传输数据需要加密,因此有了一些经验,现简易抽出来分享! 请求:前端cryptojs用rsa/aes 或 rsa/des加密,后端.net 解密返回后端.net用rsa/aes 或 rsa/des加密,前端cryptojs解密图示: 数据发送加密: 返回数据加密: 开源代码分享:https://github.com/guandy/NetSSL 现只是简易抽出,如果后续需求量大可考虑做成组件 Word报告自动生成(例如导出数据库结构)…

JS方法代理

作者:Jiang, Jilin JS作为一门脚本语言.十分easy上手.外加其灵活性,能够轻而易举地扩展功能.今天,我们就聊聊JS的方法代理. 方法代理是脚本语言中常见的方法扩展形式.这样的灵活的形式长处在于遇到复杂的JS代码须要扩展时,能够相对简单的抽取并改动.可是,其缺点也十分明显,会造成代码的碎片化,因而是一把双刃剑. 基本形式 var _func = obj.func; obj.func = function() { return _func(); }; 此处.obj的func方法是原始…

Diycode开源项目磁盘图片缓存+自定义webViewClient+图片点击js方法

1.磁盘图片缓存器DiskImageCache 1.1.这个类很多情况都可能用的到,耦合性很低,所以分开讲. 源代码: /* * Copyright 2017 GcsSloop * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a co…

服务器文档下载zip格式 SQL Server SQL分页查询 C#过滤html标签 EF 延时加载与死锁在JS方法中返回多个值的三种方法（转载） IEnumerable,ICollection,IList接口问题不吹不擂，你想要的Python面试都在这里了【315+道题】基于mvc三层架构和ajax技术实现最简单的文件上传事件管理

服务器文档下载zip格式刚好这次项目中遇到了这个东西,就来弄一下,挺简单的,但是前台调用的时候弄错了,浪费了大半天的时间,本人也是菜鸟一枚.开始吧.(MVC的) @using Rattan.Core.Utility;@{ string ButtonScript = string.Empty;}@if (Rattan.Basic.Globals.GetIsAuth(ViewBag.AuthValues, "QuickExport")){ ButtonScript = @"…

二级域名相同的情况下子页面调用父页面的js方法

这两天项目遇到这种需求.项目是一个平台级系统,其中嵌入了多款应用.在平台上可以使用这些应用操作业务. 现在产品提出了个需求:即在A应用中需要调用js方法来打开B应用. 处理方法是:平台js中给出个打开B应用的方法,由应用A调用这个方法. 1.平台有个公用的js,在js中添加一条语句: document.domain = "testxxx.com"; 然后添加一个js方法,如: function openB(){ //do sthing.....} 2.A应用需要做的事情: 1.添加j…

js方法返回多值如何取值demo

js方法返回,如何取值?下面demo两种方法 new array 和 json 返回值取值示例. 方法一: new array <html> <head> <meta charset='UTF-8'> <title>方法一: New Array</title> </head> <body> <input type='button' onclick='getInfo()' value='测试按钮'/> <…

与正则有关的JS方法结合其在项目中的应用

与正则有关的JS方法结合其在项目中的应用前言最近项目中用到正则匹配比较多,因此打算深入理解和总结下各个与正则有关的方法,再结合在项目中使用的情况.与正则有关的JS方法共有7个,分别是RegExp对象的compile(), exec(), test() 和支持正则表达式的的String()方法为search(), match(), replace(), split(). RegExp对象方法 compile()方法该方法用于改变和重新编译正则表达式.语法: RegExpObject.comp…

.NET混合开发解决方案10 WebView2控件调用网页JS方法

系列目录 [已更新最新开发文章,点击查看详细] WebView2控件应用详解系列博客 .NET桌面程序集成Web网页开发的十种解决方案 .NET混合开发解决方案1 WebView2简介 .NET混合开发解决方案2 WebView2与Edge浏览器的区别 .NET混合开发解决方案3 WebView2的进程模型 .NET混合开发解决方案4 WebView2的线程模型 .NET混合开发解决方案5 WebView2运行时与分发应用 .NET混合开发解决方案6 检测是否已安装合适的WebView2…

【问题】Asp.net MVC 的cshtml页面中调用JS方法传递字符串变量参数

[问题]Asp.net MVC 的cshtml页面中调用JS方法传递字符串变量参数. [解决]直接对变量加引号,如: <button onclick="deleteProduct('@product.Id');">删除</button>…

解决webkit浏览器中js方法中使用window.event提示未定义的问题

这实际上是一个浏览器兼容性问题,根源百度中一大堆,简要说就是ie中event对象是全局变量,所以哪里都能使用到,但是webkit内核的浏览器中却不存在这个全局变量event,而是以一个隐式的局部变量的形式传入(后文会详说). function myfunc(param){ alert(window.event); } //ie中 <input type="button" onclick="myfunc('testie')" > //一切正常 //webk…

ASP.Net 在Update Panel局部刷新后重新绑定JS方法

我们知道Asp.Net中的Update Panel可以完成页面的局部刷新(实质上是Ajax),但是局部刷新完后,此区域的控件上所绑定的JS方法就会失效,因为我们用如下方法来重新绑定. var prm = Sys.WebForms.PageRequestManager.getInstance(); prm.add_endRequest(function () { // re-bind your jQuery events here }); 更多详细信息请看如下链接: http://stackove…

常用js方法

function dateGetter(name, size, offset, trim) { offset = offset || 0; return function (date) { var value = date['get' + name](); if (offset > 0 || value > -offset) value += offset; if (value === 0 && offset == -12) value = 12; return padNumb…

与考试相关的JS方法

var IsChange = 0;var ensure = 0;var timeCounter = (function () {//考试剩余时间倒计时 var int; //var total = 3600;//1小时 var ExamTime = $("[id$='hid_ExamTime']").val();//考试时间分钟 //alert(ExamTime); ; return function (elemID) { obj = document.getElementById…

Java使用正则表达式取网页中的一段内容(以取Js方法为例)

关于正则表达式: 表1.常用的元字符代码说明 . 匹配除换行符以外的任意字符 \w 匹配字母或数字或下划线或汉字 \s 匹配任意的空白符 \d 匹配数字 \b 匹配单词的开始或结束 ^ 匹配字符串的开始 $ 匹配字符串的结束表2.常用的限定符代码/语法说明 * 重复零次或更多次 + 重复一次或更多次 ? 重复零次或一次 {n} 重复n次 {n,} 重复n次或更多次 {n,m} 重复n到m次表3.常用的反义代码代码/语法说明 \W 匹配任意不是字母,数字,下划线,汉字的字符 \S…

我的前端架构之二--统一扩展Js方法

我的前端架构汇总 MyJs_Core.js 这是一个核心的Js文件,它扩展了原生的Js方法.如下: Array对象: 1) indexOf 2) max 3) min 4) removeAt 5) insertAt 6) remove 7) intersect 8) minus 9) Recursion 10) last 11) distinct 12) to 13) addArray String对象: 1) indexFrom:不区分大小写进行查找. 2) format: 使用索引进行参数化…

a标签中调用js方法

1. a href="javascript:void(0);" onclick="js_method()" 这种方法是很多网站最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转.而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏. 2.a href="javascript:;" onclick="js_method()"…

Unity3D中C#和js方法相互调用

通过查找资料,Unity3D中C#和js要相互调用彼此的方法,js文件必须放在"Standard Assets". "Pro Standard Assets" 和 "Plugins"这三个文件夹中的任意一个. 在Scripts文件夹新建一个C#脚本 csTest : public class csTest : MonoBehaviour { void Start () { jsTest js1 = gameObject.GetComponent&…

形行色色的下拉菜单（HTML/CSS JS方法 jQuery方法实现）

HTML/CSS方法实现下拉菜单来源:慕课网<!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> <meta htt…

常用js方法整理common.js

项目中常用js方法整理成了common.js var h = {}; h.get = function (url, data, ok, error) { $.ajax({ url: url, data: data, dataType: 'json', success: ok, error: error }); } h.post = function (url, data, ok, error) { $.ajax({ url: url, data: data, type: 'post', data…

【两个比较好用的JS方法，用来处理树形结构！】的更多相关文章