随笔分类 - HTML/CSS
摘要：在angularjs中，我们可以自定义自己的service。可以说得是自定义的方法，函数。下面我们一步一步来演示吧：首先为angularjs定义一个app: var demoApp = angular.module('demoApp', []); demoApp名称即是我们定义好的app。下面是本篇
阅读全文
摘要：想在angularjs动态加载一个内容，我们可以使用ng-include来实现。今天Insus.NET就在ASP.NET MVC环境中，举个例子来演示它的功能。你可以在一个视图动态加载任一其它视图。如果你的动态内容有很多部件，你得需要在控制器创建相应的Action操作，如使用部分Partial vi
阅读全文
摘要：angularjs的内置API函数有很多，如isString()判断给定的对象是否为字符串，如果是返回 true，反之返回false；isNumber()判断给定的对象是否为数字，如果是返回 true，反之返回false；uppercase()转换字符串为大写；lowercase()转换字符串为小写
阅读全文
摘要：AngularJs自带有很多过滤器，现在Insus.NET演示一个自定义的过滤器，如实现一个数据的平方。本演示是在ASP.NET MVC环境中进行。创建一个app: 创建一个控制器： 接下来是重点，创建一个过滤器，例子中的过滤器是实现一个数值的平方。 以上的所指的App,控制器和过滤器均是依Angu
阅读全文
摘要：创建一个ASP.NET MVC项目。打开NuGet管理，安装angularjs： 在App_Start目录下，Bundle刚刚安装的angularjs库：在Global.asax.cs的Application_Start()方法，添加bundler。让程序启动时，即加载angularjs。 部署完成
阅读全文
摘要：学习这篇之前，先要从这篇《AngularJs创建自定义Service》http://www.cnblogs.com/insus/p/6773894.html 开始。看看： app.controller('ctrl1', ['$scope', function ($scope) { $scope.Hi
阅读全文
摘要：AngularJs可以创建自定义的service。下面的自定义service实现一个double倍数的服务：参考下面语法： app.service('double', function () { this.dubfun = function (x) { return x * 2; } }); 完整的
阅读全文
摘要：哈哈，昨天下午和今天早上，花上一些时间，学习AngularJs，仅是粗略预览一下。很好，非常好。由于手上有开发ASP.NET MVC环境，就在这测试下，去数据库获取数据并显示数据。数据库表创建，添加数据，创建存储过程等，在此略过...创建model: 创建一个Entity: 创建控制器： ok，一切
阅读全文
摘要：某一时候我们想对文本框进行限制：不能对其时粘贴，如密码不粘贴。不能对其拷贝，剪切，显示在文本框中的内容不能拷贝，剪切等。 参考下面的语法： 可以选择性写法： 如果想改为js code：
阅读全文
摘要：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
阅读全文
摘要：准备图片，把相关记录添加至数据库表中: 创建一个存储过程，获取所有记录： 在ASP.NET MVC专案中，部署Bootstrap环境......然后创建一个model: using System; using System.Collections.Generic; using System.Linq
阅读全文
摘要：参考ASP.NET MVC的视图： 此段html将产生一个表格table。现在我们需要实现，点击表格时，获取点击行的索引或是所在行的列索引。行索引： $('table tr').click(function () { var idx = $(this).index(); alert(idx); })
阅读全文
摘要：文本框html如下： <div><label class="label">价格:</label><input id="TextPrice" type="text" name="Price" /></div> jQuery: $("#TextPrice").on("input", function (
阅读全文
摘要：某一时候，我们不想在form的所有必填的域均完成之后，再去使用mouse去点击铵钮来提交数据。而是直接按回车去focus提交的铵钮来提交。 可以写jQuery script程序：
阅读全文
摘要：看效果：Html： CSS： jQuery: 或者使用连写法：
阅读全文
摘要：前段时间，一直有练习ASP.NET MVC与Web API交互，接下来，Insus.NET再做一些相关的练习，Web API与文件操作，如POST文件至Web API，更新或是删除等。不管怎样，先在数据库创建一张表，用来存储上传的文件。本实例中是把文件存储过数据库的。 CREATE TABLE Ap
阅读全文
摘要：在ASP.NET MVC中，显示一张图片，是很方便的事情，完全可以在控制器中组合html代码，并传给视图。下面一个简单的例子： public ActionResult HtmlRawImage() { string path = "/Content/imgs/Picture52.jpg"; View
阅读全文