2016年10月_翱翔天地

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 EasyUI之表单Form

1、实例背景 EasyUI常用的Form表单，利用输入框直接提交值；清空按钮，将填写有误的数据进行清空2、实例源码 EasyUI之表单Form $(document).ready(function(){ //提交事件 $("#submitBtn").click(function(){ $(this).for

2016-10-29 00:00:08 4882

原创 EasyUI之搜索框searchbox

1、实例背景 EasyUI中searchbox搜索框，输入值后点击搜索图标，可以打印出值2、实例源码 EasyUI之搜索框searchbox $(document).ready(function(){ $("#searchBtn").click(function(){ var search = $('#search

2016-10-28 23:34:16 3767

原创 EasyUI之手风琴Accordion

1、实例背景 EasyUI实现手风琴Accordion，并获取Accordion中的标题2、实现实例 EasyUI之手风琴Accordion $(document).ready(function(){ $("#btn").click(function(){ var pad = $('#accordion').acc

2016-10-26 00:04:13 1847

原创 EasyUI之选项卡Tabs

1、实例背景 EasyUI选项卡Tabs，获取选中第几个并打印Tabs标签内容2、实现实例 EasyUI之选项卡Tabs $(function(){ $('#season').tabs({ border:false, onSelect:function(title){ var

2016-10-23 22:28:40 1540

原创 EasyUI之下拉框combobox

1、实例背景 EasyUI下拉框combobox，实例给出一个日期控件和一个下拉框，选择日期控制下拉框的月份；改变下拉框选项就改变日期的月份。2、实例源码 EasyUI之下拉框combobox $(document).ready(function(){ $("#datePicker").datebox({ onSe

2016-10-23 21:28:59 4053

原创 EasyUI之对话框Dialog

1、实例背景 EasyUI是一个基于jQuery的框架，集成了各种插件。Dialog是对话框，利用它设计新增用户场景。2、实例源码 EasyUI之对话框Dialog 打开关闭

2016-10-23 16:04:14 3038

原创 jqGrid动态获取列和列字段

1、问题背景 jqGrid表格插件，利用自身方法获取表格的表头和表格字段；获取列名和列字段名显示在弹窗里，用复选框进行勾选2、实现源码 jqGrid动态获取列和列字段 th{ border: 1px solid #ABABAB; line-height: 20px; vertic

2016-10-22 14:48:23 12141 1

原创 ionic之切换开关

1、实例背景 ionic切换开关toggle，设置样式用的是toggle-calm、toggle-light等2、实现源码 ionic之切换开关 Java

2016-10-20 18:41:54 2496

原创 ionic之单选框

1、实例背景 ionic单选框用的是radio，设置样式item-radio2、实例源码 ionic之单选框一月

2016-10-20 17:44:29 3357

原创 ionic之样式复选框

1、实例背景 ionic复选框用的是checkbox，checkbox有各种各样的样式2、实例源码 ionic之样式复选框一月二月三月

2016-10-19 22:10:51 4729 2

原创 My97 DatePicker切换日期类型

1、问题背景日期类型：按日、按月、按年和按时间，切换到不同的类型，日历控件显示不同的日期2、实现源码 my97datepicker切换日期类型 $(document).ready(function(){ $("#selectDate").change(function(){ var date = $(this).val();

2016-10-19 16:37:42 2363

原创 ionic之无序列表

1、实例背景 ionic无序列表利用的是ul-li实现，无序列表内容用的是AngularJS赋值，样式用class="list"和class="item"2、实现源码 ionic之无序列表 var app = angular.module("ulApp",["ionic"]); app.controller("ulControlle

2016-10-18 22:39:09 715

原创 ionic之样式button-stable

1、实例背景 ionic按钮button，设置样式为button-stable2、实现源码 ionic之样式button-stable var app = angular.module("stableBtnApp",["ionic"]); app.controller("stableBtnController",function($sco

2016-10-18 22:12:35 996

原创 ionic之样式button

1、实例背景 ionic中常见的按钮button，设置按钮样式用class="button"，这个是设置普通样式2、实现源码 ionic之样式button var app = angular.module("buttonApp",["ionic"]); app.controller("buttonController",function(

2016-10-18 22:08:27 2919

原创 ionic之底部bar-footer

1、实例背景 ionic标题是bar-header，副标题是bar-subheader，底部标题bar-footer2、实现源码 ionic之底部bar-footer var app = angular.module("footerApp",["ionic"]); app.controller("footerController",fun

2016-10-15 00:23:44 3183

原创 ionic之副标题bar-subheader

1、实例背景 ionic的标题是bar-header，副标题是bar-subheader2、实现源码 ionic之副标题bar-subheader var app = angular.module("subheaderApp",["ionic"]); app.controller("subheaderController",functio

2016-10-15 00:16:10 2354 1

原创 ionic之样式bar-dark

1、实例背景 ionic头部bar-header，设置样式bar-dark2、实现源码 ionic之样式bar-dark var app = angular.module("darkApp",["ionic"]); app.controller("darkController",function($scope){ $scope.d

2016-10-13 22:42:43 881

原创 ionic之样式bar-royal

1、实例背景 ionic头部bar-header，设置样式bar-royal2、实现源码 ionic之样式bar-royal var app = angular.module("royalApp",["ionic"]); app.controller("royalController",function($scope){ $sco

2016-10-13 22:39:22 925

原创 ionic之样式bar-assertive

1、实例背景 ionic头部bar-header，设置样式bar-assertive2、实现源码 ionic之样式bar-assertive var app = angular.module("assertiveApp",["ionic"]); app.controller("assertiveController",function($

2016-10-13 22:34:53 877

原创 ionic之样式bar-energized

1、实例背景 ionic头部bar-header，设置样式bar-energized2、实现源码 ionic之样式bar-energized var app = angular.module("energizedApp",["ionic"]); app.controller("energizedController",function($

2016-10-13 22:07:31 627

原创 ionic之样式bar-balanced

1、实例背景 ionic头部bar-header，设置样式bar-balanced2、实现源码 ionic之样式bar-balanced var app = angular.module("balancedApp",["ionic"]); app.controller("balancedController",function($scop

2016-10-13 22:01:24 919

原创 ionic之样式bar-calm

1、实例背景 ionic头部bar-header，设置样式bar-calm2、实现源码 ionic之样式bar-calm var app = angular.module("calmApp",["ionic"]); app.controller("calmController",function($scope){ $scope.c

2016-10-13 21:56:17 671

原创 ionic之样式bar-positive

1、实例背景 ionic头部bar-header，设置样式bar-positive2、实现源码 ionic之样式bar-positive var app = angular.module("positiveApp",["ionic"]); app.controller("positiveController",function($scop

2016-10-12 23:54:01 1200

原创 ionic之样式bar-stable

1、实例背景 ionic头部bar-header，设置样式bar-stable2、实现源码 ionic之样式bar-stable var app = angular.module("stableApp",["ionic"]); app.controller("stableController",function($scope){

2016-10-12 23:45:44 1177

原创 ionic之样式bar-light

1、实例背景 ionic头部可以利用bar-header，设置样式bar-light2、实现源码 ionic之样式bar-light var app = angular.module("tagApp",["ionic"]); app.controller("tagController",function($scope){ $sco

2016-10-12 23:29:10 806

原创 ionic之创建列表

1、实例背景 ionic创建动态列表，根据AngularJS赋值2、实现源码 ionic之创建列表 var app = angular.module("initApp",["ionic"]); app.controller("initController",function($scope){ $scope.users = [

2016-10-12 23:15:17 930

原创 ionic之简单实例

1、实例背景 ionic是基于AngularJS，是一个框架。根据AngularJS双向绑定变量，动态获取值。2、实现源码 ionic之简单实例 var app = angular.module("tagApp",["ionic"]); app.controller("tagController",function($scope){

2016-10-12 22:43:15 3149

原创 AngularJS停止定时器

1、问题背景设置一个定时器，给定两个变量startData和endData，计时开始后分别减去5和50；单击停止暂停定时器，重置后数据恢复到原来的数据。2、实现源码 AngularJS停止定时器 var app = angular.module("intervalApp",[]); app.controller("intervalControlle

2016-10-09 23:15:25 5822

原创 React生成表单input

1、问题背景利用React实现生成input输入框，并在输入框中赋值2、实现源码 React生成表单input var　Input = React.createClass({ getInitialState:function(){ return {value:'请输入用户名！'}; }, inputChang

2016-10-08 23:16:10 2562