ReactJs
文章平均质量分 83
拇指风云
这个作者很懒,什么都没留下…
展开
-
mixins详解
实现一个日志功能。组件在挂载前打印 Component will mount组件挂载后打印 Component did mount不能忍受的写法var AComponent = React.createClass({ componentWillMount: function () { console.log('Component will mount');原创 2017-02-21 14:30:28 · 3106 阅读 · 0 评论 -
es封装cookie工具类
CookieUtil.jsconst CookieUtil={ get(name){ let cookieName=encodeURIComponent(name)+"=", cookieStart=document.cookie.indexOf(cookieName), cookieValue=null;原创 2017-09-30 16:12:56 · 571 阅读 · 0 评论 -
es6封装的子cookie工具类
SubCookieUtil.jslet SubCookieUtil = { get(name, subName){ let subCookies = this.getAll(name); if (subCookies) { return subCookies[subName]; } else {原创 2017-09-30 16:05:44 · 1208 阅读 · 0 评论 -
react实现筛选条件组件
筛选条件组件点全部时选中全部,点其他时全部取消,点击查询时将某个类型下的选择项传出screenCondition.js文件/** * * title: screenCondition.js * * author: WangPei. * * date: 2017/5/18. * */import React,{Component} from "react"import Scr原创 2017-05-27 14:39:20 · 13827 阅读 · 1 评论 -
ReactJs实现带switch开关按钮的数据选中取消的面板组件
typePanel.js文件/** * Created by Administrator on 2017/3/27 0027. */import React ,{Component} from "react"import "./typePanel.less"export default class TypePanel extends Component{ constructo原创 2017-03-27 15:00:16 · 2650 阅读 · 0 评论 -
ReactJs实现树形结构的数据显示的组件
1、该组件树形显示数据2、组件中数据的请求方式为fetch方式3、点击对应的数据前面的小三角,fetch请求改数据下对应的子数据,并展开该节点。4、将该组件的js、less文件放到kpiTree目录下,在kpiTree目录下创建images目录将组件需要的图片放入给目录,在kpiTree目录下创建json文件夹将该组件需要的json文件放入改文件夹中,组件便可正常运行。kpiTre原创 2017-03-27 14:31:01 · 10069 阅读 · 2 评论 -
ReactJS编写的树形表格
表格使用ReactJs编写的树形表格。表格功能:以树形表格的格式显示数据;每条数据的右击菜单根据这条数据中不同的属性标示,可控制对应的类型是否可以下钻;数据对应的地域下钻之后,点击地域前面的小三角可进行本省份下的地市下钻。reportTreeTable.js文件/** * Created by Administrator on 2016/12/12 0012. */i原创 2017-03-14 17:22:22 · 6655 阅读 · 0 评论 -
用ReactJs编写的带斜线,行和列都分组的表格
NewUserTrackTable.js文件/** * Created by Administrator on 2017/3/3 0003. */import React, {Component} from "react"import "./NewUserTrackTable.less"var g_index = -1;export default class NewUserTra原创 2017-03-06 15:14:58 · 2021 阅读 · 0 评论 -
上拉加载更多工具插件
scrollLoadMore.js文件const scrollLoadMore = { directon: 0, loadOrFresh:null,//0表示需要刷新,1表示需要加载更多 contianer:null, bottomOrTop(){ let _this=this; let dataHeight = this.cont...原创 2018-02-28 10:15:26 · 598 阅读 · 0 评论