Angular5.0使用ngx-dnd实现拖拽功能.

前言安装使用 前言 最近做的项目中需要实现拖拽放置的功能,网上所谓的拖拽只是通过移动元素的位置.在mouseover后根据拖动的坐标等.来判断最终的位置,并不能解决实际问题. ngx-dnd可以实现拖拽与放置功能.使用简单方便. 官网地址 因为官网都是英文的.但是例子很直观,都能看懂的....

2019-01-09 17:16:12

阅读数 91

评论数 0

TypeScript日期工具: date-fns日期工具的使用方法(持续更新)

date-fns是一个"麻雀虽小却五脏俱全"的日期工具库.如果不翻墙,是看不到官方文档的,国内文档又很少.以下总结内容为我在最近的一次开发项目中使用. 该使用方法是在angualr5.0环境中使用的. 使用type...

2019-01-03 19:42:24

阅读数 459

评论数 0

angualr5.0 制作简单日历

HTML <div class='datapicker'> <span class=&a...

2019-01-03 15:21:24

阅读数 22

评论数 0

angualr-cli命令创建文件

1.创建Component ng g component my-new-component 2.创建 Directive ng g directive my-new-directive 3.创建Pipe ng g pipe my-new-pipe 4.创建Servic...

2018-06-11 11:16:39

阅读数 234

评论数 0

JavaScript学习笔记:(window对象)

番外 confirm():弹出信息对话框。返回值boolean类型; prompt():弹出信息对话框。返回输入的信息 正文 (1)计时器:setInterval(); 语法:setInterval(代码,交互时间); 参数: 代码:要调用的函数或要执行的代码串; ...

2018-02-01 13:42:58

阅读数 71

评论数 1

javaScript学习笔记, 数组排序sort();

数组排序的方法sort(); 该方法有个参数,称为方法函数。 1.如果没有指定方法参数,则按unicode码顺序排列 2.指定方法参数: function sortnum(a,b){ return a-b;//正序;b-a倒序,按数值大小 } var myarr = ...

2018-01-29 15:30:46

阅读数 103

评论数 0

JavaScript学习笔记:(String对象)

javascript的string对象使用很方便,可以直接赋值: var str = 'hello world'; 但是在一些使用场景中,则需要使用下面的方法: var str =new String(); (1)length属性:得出字符串的长度: var str = 'h...

2018-01-29 14:18:29

阅读数 77

评论数 0

javaScript学习笔记(日期对象)

日期对Date对象是javascript的内置对象。使用起来很方便,有许多可用的API来使用。 var date=new Date();//date为Fri Jan 26 2018 13:21:14 GMT+0800 (中国标准时间) 通过上述的方式定义一个时间对象。 (1)set/...

2018-01-26 14:59:24

阅读数 175

评论数 0

javaScript事件:

事件是可以被javaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发javascript函数和程序的事件.(1)onclick事件;function add(){ } html: <input onclick='add()'>(2)鼠标经过事件(onmouseover)...

2018-01-25 17:01:32

阅读数 106

评论数 0

javaScriprt学习笔记:创建对象

javascript中创建对象的三种方式: 对象直接量 创建对象最简单的方法,对象直接量是由若干个名/值对组成的映射表,(不过我喜欢叫键值对,主要因为曾经学习java的原因);名是属性名,值为属性的值,每一个属性对映一个值,就像是一把钥匙对应一把锁一样。属性的值可以是字符串直接量,也可...

2018-01-16 16:54:14

阅读数 92

评论数 0

windows 下mongoDB安装环境搭建

最近在学node.js,因为一些练习需要用到mongoDB,所以就开始了新的路子,在自己安装的过程中,比较乱,出了许多问题,在这里总结下: mongoDB是一种非关系型数据库,和我们以前所知道的mysql,sqlSever等有区别的,它没有固定的表结构。具体可取慕课上学习,或自行百度。 ...

2018-01-15 14:41:15

阅读数 121

评论数 0

easyui datagrid数据表格加载复杂json数据

easyui datagrid, 加载复杂json数据,两种方法,针对两种情况

2017-12-11 13:21:50

阅读数 922

评论数 3

easyui dialog 一文读懂dialog基本使用方法

easyui dialog 打开方法,默认关闭。设置模态框

2017-12-05 11:59:57

阅读数 4555

评论数 0

easyui-datagrid自定义操作列

在实际的项目中,有时会有操作列这个需求,主要是修改和删除的功能。 类似于: 实现该效果的方法并不复杂。需要使用到datagrid数据表格中的formatter方法。自定义列。 下面写个小例子。html <table id="dg" class="easy...

2017-12-02 11:25:48

阅读数 376

评论数 0

easyui combobox 制作带有复选框的下拉菜单

在实际的项目中,总会遇到下拉框中需要多选的需求。其实使用easyui实现该功能并不难。主要方法是使用combobox中的formatter这个方法。 下面写个例子。 1.首先设置combobox的multiple属性为true 2.使用formatter方法来实现显示的样子。$(functi...

2017-12-02 10:25:55

阅读数 2131

评论数 1

easyui datagrid制作复杂表头

datagrid制作复杂的表头,这个功能主要是使用到datagrid中的columns属性,与表格中的rowSpan 与colspan属性的。 具体代码如下: $('#datatable').datagrid({ width:'100%', ...

2017-12-02 10:09:46

阅读数 278

评论数 0

easyui datagrid数据表格(一)

easyui 中的数据表格,功能齐全,强大。对于表格数据操作提供了很多方法。具体全部属性可参考easyui官网。这里直说一些我在项目中使用到的属性,方法与事件。 数据表格的创建很简单。也有两种方法。 (1)html创建方法:<table class='easyui-dat...

2017-12-02 09:51:11

阅读数 148

评论数 1

easyui combobox组合框 (二)

这一篇主要就说一下onSelect这个方法的用处。 先来一段代码。前提是id为“t-id”的combobox组合框已经加载数据onSelect在组合框的item被选择时触发。html部分 <input id="t-id" type='text'> <inpu...

2017-12-01 14:17:54

阅读数 258

评论数 0

e-charts属性详解

e-charts属性详解theme = { // 全图默认背景 // backgroundColor: 'rgba(0,0,0,0)', // 默认色板 color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed'...

2017-11-30 20:46:38

阅读数 605

评论数 0

easyui combobox组合框使用简介(一)

不足的地方多多建议

2017-11-30 15:33:50

阅读数 661

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭