随笔分类 - JavaScript
摘要：练习使用angularjs实现一个select下拉列表： <div ng-app="selectApp" ng-controller="selectController"> <select ng-model="mySelect" ng-options="sd for sd in selectData
阅读全文
摘要：在程序设计过程，我们需要把某一元素或是或一块进行显示与隐藏。如你正使用angularjs的话，就可以使用ng-show或者ng-hide来进行控制。 var showhideApp = angular.module('showhideApp', []); 定义控制器，其中编写2个铵钮的事件： sho
阅读全文
摘要：在ASP.NET MVC环境中，使用jQuery脚本去实现加载html网页。一般情况之下，在ASP.NET MVC项目中，你不能在~/Views目录之下添加或是创建任何html为后缀的网页。但这也不是绝对。因此下面的例子，Insus.NET会在项目中创建另一个目录来存储html网页。 下面想在一个视
阅读全文
摘要：angularjs的内置API函数有很多，如isString()判断给定的对象是否为字符串，如果是返回 true，反之返回false；isNumber()判断给定的对象是否为数字，如果是返回 true，反之返回false；uppercase()转换字符串为大写；lowercase()转换字符串为小写
阅读全文
摘要：AngularJs自带有很多过滤器，现在Insus.NET演示一个自定义的过滤器，如实现一个数据的平方。本演示是在ASP.NET MVC环境中进行。创建一个app: 创建一个控制器： 接下来是重点，创建一个过滤器，例子中的过滤器是实现一个数值的平方。 以上的所指的App,控制器和过滤器均是依Angu
阅读全文
摘要：在ASP.NET MVC使用切片脚本，实在是很溜。在使用layout之后，只是视图套用_Layout之后，在视图中任一位置任一时候均可以使用切片脚本。首先在_Layout.cshtml定一些规则： 上图中#2标记中，引用jquery库。#3标记是定义渲染切片。OK，在视图中就可以写javascrip
阅读全文
摘要：创建一个ASP.NET MVC项目。打开NuGet管理，安装angularjs： 在App_Start目录下，Bundle刚刚安装的angularjs库：在Global.asax.cs的Application_Start()方法，添加bundler。让程序启动时，即加载angularjs。 部署完成
阅读全文
摘要：在AngularJs也有带有MVC模式。此时你完全可以把html的js中的Controller写到一个外部的js文件中。Ok,在ASP.NET MVC项目，打开Content目录，创建一个新文件夹AngularJs目录，专门是用来存放AngularJs相关的js文件。再在此目录下创建Controll
阅读全文
摘要：哈哈，昨天下午和今天早上，花上一些时间，学习AngularJs，仅是粗略预览一下。很好，非常好。由于手上有开发ASP.NET MVC环境，就在这测试下，去数据库获取数据并显示数据。数据库表创建，添加数据，创建存储过程等，在此略过...创建model: 创建一个Entity: 创建控制器： ok，一切
阅读全文
摘要：ASP.NET MVC动态加载数据，一般的做法是使用$.each方法来循环产生tabel:你可以在html时先写下非动态的部分： <table> <tr> <th style="width:10px;"><input id="SelectAll" type="checkbox" /></th> <t
阅读全文
摘要：日期经过json序列化之后，变成了'/Date(-62135596800000)/'字符串，在显示数据时，我们需要解释成正常的日期。 Insus.NET和js库中，写了一个jQuery扩展方法： $.extend({ JsonDateParse: function (value) { if (val
阅读全文
摘要：某一时候我们想对文本框进行限制：不能对其时粘贴，如密码不粘贴。不能对其拷贝，剪切，显示在文本框中的内容不能拷贝，剪切等。 参考下面的语法： 可以选择性写法： 如果想改为js code：
阅读全文
摘要：在JavaScript或jQuery判断字符串中是否包含指定的字符串：你可以使用indexOf()方法：
阅读全文
摘要：this与$(this)对象。前者是Javascript对象，而后者是jQuery是对象。两者分清楚，它们只能使用自己的方法。Javascript对象使用Javascript的方法，jQuery对象使用jQuery的方法。如果Javascrip对象使用jQuery的方法，反之，jQuery对象使用J
阅读全文
摘要：为了快速把form的所有文框输入完毕，我们不必使用鼠标去focus文本框。 在html页中放几个文本框： <div class="DivInput"> <div> <input id="Text1" type="text" /> </div> <div> <input id="Text2" type
阅读全文
摘要：正整数： /[^0-9]/g, ''decimal: /[^0-9\.]/g, '' 然后可以写一个自定义插件: (function ($) { $.fn.validatedigits = function (e) { this.val(this.val().replace(/[^0-9]/g, '
阅读全文
摘要：先来看看下面实时效果演示： 用户点击编辑时，在点击行下动态产生一行。编辑铵钮变为disabled。新产生的一行有更新和取消的铵钮，点击“取消”铵钮，删除刚刚动态产生的行。编辑铵钮状态恢复。更新与删除铵钮功能没有什么特别的。 在ASP.NET MVC视图html代码如下，普通的表格table，普通的h
阅读全文
摘要：在很久之前，Insus.NET刚学习前端时，有写过《动态创建一些常的html标签》http://www.cnblogs.com/insus/p/3741665.html 但其中没有实现动态产生select option下拉列表。在jQuery环境之下使用创建jQuery对象来实现动态产生，那是很方便
阅读全文
摘要：jQuery的addClass,removeClass和toggleClass方法，最后一个方法在某一情形之下，可以替代前面2个方法。 第一个方法addClass为元素添加一个class。 第二个方法removeClass，移除一个class。 第三个方法toggleClass是互斥class。 创
阅读全文
摘要：在前端开发中，少不了对Checkbox的操作。 常用的的方法有2个：.is()和.prop()方法。前者是判断 checkbox的状态，选不是未选。而后者为checkbox设置一个值，可以设置checkbox是true还是false。写个小例子，练习一下：在html： 为这个文本框赋值，值填的就是c
阅读全文