随笔分类 - ASP.NET MVC
摘要：今天学习angularjs向数据库添加数据。学习此篇，得从以往几篇开始，因为那还有创建数据表等演示。现在来创建一个添加的存储过程： SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO CREATE PROCEDURE [dbo].[usp_Goods_I
阅读全文
摘要：我们想在一个文本框输入一些文字，然后点击铵钮，alert()出来。 <div ng-app="alertApp" ng-controller="alertController"> <div> <label>Name:</label> <input type="text" ng-model="Name
阅读全文
摘要：练习使用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
阅读全文
摘要：angular的click事件ng-click。实现一个小功能计数器，用户可以点击“+”或“-”铵钮，数值每随点击铵钮增长1或减1。使用ng-init设置初始值为0。 <div ng-app="" ng-init="Count = 0"> <button ng-click="Count = Coun
阅读全文
摘要：Angularjs实现自由度很高。比如ng-repeat可以以包含的文件中实现数据循环。如： 当我们把这html文件被ng-include包含时，它完全能正常呈现对应的数据： 创建应用app: 创建Controller: Ok，现在ASP.NET MVC的视图使用ng-include外含html文档
阅读全文
摘要：在angularjs中，我们可以自定义自己的service。可以说得是自定义的方法，函数。下面我们一步一步来演示吧：首先为angularjs定义一个app: var demoApp = angular.module('demoApp', []); demoApp名称即是我们定义好的app。下面是本篇
阅读全文
摘要：ng-init指令初始化应用程序数据。如果我们想给文本框一个初化的值： <div ng-app="" ng-init="Name='Leo'"> <div> <input id="Text1" type="text" ng-model="Name" /> </div> <div> Text box
阅读全文
摘要：想在angularjs动态加载一个内容，我们可以使用ng-include来实现。今天Insus.NET就在ASP.NET MVC环境中，举个例子来演示它的功能。你可以在一个视图动态加载任一其它视图。如果你的动态内容有很多部件，你得需要在控制器创建相应的Action操作，如使用部分Partial vi
阅读全文
摘要：把部分视图转换为html字符串，你可以参考下面的方法： public static string RenderPartialViewToString(Controller controller, string viewName, object model) { controller.ViewData
阅读全文
摘要：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也有带有MVC模式。此时你完全可以把html的js中的Controller写到一个外部的js文件中。Ok,在ASP.NET MVC项目，打开Content目录，创建一个新文件夹AngularJs目录，专门是用来存放AngularJs相关的js文件。再在此目录下创建Controll
阅读全文
摘要：AngularJs可以创建自定义的service。下面的自定义service实现一个double倍数的服务：参考下面语法： app.service('double', function () { this.dubfun = function (x) { return x * 2; } }); 完整的
阅读全文
摘要：哈哈，昨天下午和今天早上，花上一些时间，学习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
阅读全文
摘要：先来看看下面实时效果演示： 用户点击编辑时，在点击行下动态产生一行。编辑铵钮变为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
阅读全文