随笔分类 - HTML/CSS
摘要：继续MVC应用程序的练习，刚刚练习了jQuery的UI中的datepicker()的方法，它是为了让用户能在文本框中快捷输入日期。代码简洁与简单。打开以前练习的一个视图Views\Home\Index.cxhtml:添加一个input html tag，它的type为text:然后在视图的head节点内，引用jQuery的UI，怎样引用，可以参考：《MVC程序实现Autocomplete功能》http://www.cnblogs.com/insus/p/3546255.html文中有介绍到在MVC应用程序中安装jQuery的UI库与样式的。在你的视图相对应位置，引用与编写上面3个部位代码，即完
阅读全文
摘要：有一个已经编译的asp.net 1.1的网站。为了改进录入的效率，改为由barcode扫描枪来替代手动。由于在扫描枪添加其它信息。原录入窗口已经无法适应。另外程序虽然跑的是存储过程，但交易的transaction是写在程序中。Insus.NET只好使用iframe来传入数据，并能执行原网页的铵钮事件。下面一张图片让你明白使用iframe同域跨站提交数据，以一个最通俗的登录来作例子。源录入路径：http://i1.company.com/Pb.aspx。现在只写一个新站点新网页：http://i2.company.com/Pa.html由于原站点是“恐龙”年代的，还没有jQuery,因此在原网页
阅读全文
摘要：在完成《MVC应用程序请求密码的功能(一)》http://www.cnblogs.com/insus/p/3471534.html之后，如果你照着做，所有请求只会列在MailingList表中，并没发送出去。Insus.NET现在就继续下去，让这个功能能尽量完美下去。在上一篇中，有一个存储过程：在这个存储过程#38与#39行代码，是一个超链接，它是真正存在MVC的应用程序中。也就是说，给会员发送邮件时，就是把这个链接的视图发送至会员的邮箱中。因此，我们得创建这个视图。创建这个视图，得先创建一个Model，是为了方便在这个视图中能显示动态数据。去控制器MemberController.cs添加一
阅读全文
摘要：今晚写点什么呢？对于以前的练习，看来看去，好象还差一个菜单导航条。在练习的站点中，有创建了三个控制器，我们就用它们来创建一个导航条吧。想实现这导航条，刚开始还是有点难，还是想起以前ASP.NET的Menu控件，现在MVC已经没有那控件了。因此还是使用div+ ul + li来实现，不过还得写css style才能看到其效果。在应用程序下的Content目录下创建一个样式MenuNavigationBar.css：然后，打开Views/Shared/_Layout.cshtml添加菜单导航条：添加与修改高亮部分代码。OK了，看看实时操作效果：看完上面实现的过程与最后的实时操作演示，超简单的菜单导
阅读全文
摘要：以前写asp.net网页时，会在节点中引用很多样式文件或是javascript文件，如下图左大括号的引用语句。现在在MVC应用程序中，可以使用使用Bundle来捆一起， 在Solution Explorer窗口应用程序下，找到App_Start目录。在此目录下创建一个类，命名为“BundleConfig.cs” 并修改namespace: Insus.NET上图中的#11行的蓝下划线的名称，将就是以View应用的名称。接下来，我们打开Global.asax.cs文件，分三步，第一是引用namespace，因为刚才写BundleConfig.cs类时，是使用了Insus.NET namespac
阅读全文
摘要：先参考下面一篇《创建第一个MVC应用程序》 http://www.cnblogs.com/insus/p/3358560.html，Insus.NET创建了一个空的MVC应用程序。在创建好的MVC应用程序中，想写一个布局文件_Layout.cshtml。当想使用@Styles.Render()方法来引用css或是javascript文件时，它告之找不到相关的，如下图箭头所示。奇怪了，如果Insus.NET参照下面创建出来的应用程序。即能找到@Styles.Render()方法。去网上搜索到相关的内容，原来此方法是在System.Web.Optimization namespace之下。只在应用
阅读全文
摘要："我想在onload方法里把panel的 style 里的 display 属性变成 none。我的页面由于有一些脚本，触发某些事件之后还想显示这个panel，不想用Panel3.Visible = false;"//页面onload方法，通过上一个页面传来的值，判断哪些panel显示，哪些不显示 if (Request.QueryString["index"] != null) { if (Request.QueryString["index"].ToString().Equals("2")) { Pan...
阅读全文
摘要：客户要求，需要要搜索结果页呈现关键词高亮显示。两种方法可以实现，一个使用Override Render方法，另一个是写一个函数，替换呈现的内容。前者是针对页面级的，而后者是针对字段的。看实现情况页决定。先定义好一个高亮的样式：.hightlight_keywrod { color: red;}第一种方法，Render方法：第二种方法，函数：如果是使用第二种方法，还需要在程序中指定原字符串与关键词来应用这个函数，如下面高亮部分代码：不管是第一种方法，还是第二种方法，以关键词“红水中学”搜索，网页搜索结果运行时，的效果如下：
阅读全文
摘要：一直以来，Insus.NET在实现GridView编辑时，均是在每笔记录第一列或是最后一列放置编辑铵钮，点击编辑铵钮之后，进行编辑模式。本博文是使用另外方式，即是点击GridView记录行任一位置，进入编辑模式。先来看看GridView的Html样子：DataKeyNames="Fruit_nbr" --> 设置GridView主键，在更新时会用到。OnRowDataBound="GridViewFruit_RowDataBound" --> 这个事件，为GridView编辑模式下，为DropDownList绑定数据。OnRowEditing
阅读全文
摘要：第一个版本，可以参考：http://www.cnblogs.com/insus/archive/2009/03/13/1411057.html以前的版本，是在Gridview的OnRowCreated事件进行写代码。现今此版本，是使用Override Render方法进行， 能写更少与简洁的代码，在你的网站上，创建一个网页.aspx，在网页中拉一个GridView控件：演示中，从数据库取出数据，绑定在刚才的GridView控件上：现在，我们可以写Render方法了，先定义好两个变量，一个mouse over的样式，另一个是mouse out的样式，foreach所有DataRow，并为Data
阅读全文
摘要：看过下面博文的网友，也许都会觉得有点遗憾，就是很难知道自己点击的是哪一记录行。http://www.cnblogs.com/insus/p/3211017.html针对这个问题Insus.NET再对它进行修改一下。让它能实现经mouse点击之后，被点击的记录行高亮起来。在网站中，创建一个网页.aspx并拉上一个Gridview控件：去.aspx.cs代码页，为GridView控件绑定数据：然后Override Render方法：运行看看：
阅读全文
摘要：Insus.NET以前有写过 《Repeater控件第前10笔记录高亮显示》 不过，现在有一个想法，就是最后一笔记录高亮显示，怎样实现？技术要求，就是获取最后一笔的索引即可。可以从数据源的总记录减去一壹，即可得到最后一笔记录在Repeater控件的索引。在网页中创建一个Repeater控件，并写OnItemDataBound事件。去.aspx.cs写程序：上图中，#1是宣告一个总变量。#2是从数据源的DataTable，获取取记录总数。#3是，判断当前的Item的ItemIndex是否等于总记录减一壹。为何要减壹？ 因为索引是从0开始。 你可以不用从总数减壹，但要在Index加壹，如下#4是获
阅读全文
摘要：HtmlAnchor点击之后保持高亮，就是一个链接，在点击之后，还要保持高亮状态。应用在网站后台管理界面，左边菜单点击之后，菜单保持点击高亮状态。为了实现这个功能，确实花上Insus.NET不少时间。因为a标签似乎只有一个瞬间状态，难于捕足到它。下面是Insus.NET实现的过程。其础部分是使用这个演示作为资料: http://www.cnblogs.com/insus/p/3205293.html。为了控制到点击之后的HtmlAnchor的状态，我们必须知道那一个HtmlAnchor被点击了。从前面的演示中，可以看到每一个HtmlAnchor的href的值是不相同的，可以从这点来判断到操作者
阅读全文
摘要：以前一直使div来创建Vertical菜单，也曾有过3个版本。http://www.cnblogs.com/insus/archive/2011/10/19/2217314.html现今Insus.NET抛开DIV标签生成的方法，使用a标签，而且是能动态添加的Vertical的网站左边菜单条。为了能够动态管理，莫非是把菜单的信息存储于数据库中，在网站的后管理页面能够添加，编辑，更新及删除这些菜单的信息。SET ANSI_NULLS ONGOSET QUOTED_IDENTIFIER ONGOSET ANSI_PADDING ONGO-- ============================
阅读全文
摘要：本博文，教大家做一个轻量级的小型网站的导航条。在网站的后台管理界面，就是可以管理这些导航内容。添加，删除，更新等，在后台能够预览到导航条效果。做到信息存储，需要在数据库创建相关的表。对表进行操作，添加编辑等，需要运用存储过程。SET ANSI_NULLS ONGOSET QUOTED_IDENTIFIER ONGOSET ANSI_PADDING ONGO-- =============================================-- Author: Insus.NET-- Create date: 2013-07-20-- Description: N...
阅读全文
摘要：在Repeater控件中，很容易实现在行与行之间使用分隔线。因为此控件有内置的SeparatorTemplate模版。举个例子吧：运行时，可以看到效果：说句实在的话，Insus.NET做一条水平线，不太喜欢使用hr来做，因为它在运行时，线条开始部分，好象有个小圆点似的。因此还是较喜欢使用div标签来实现。再运行看看：下面Insus.NET把hr和div产生的水平线的效果，放在一起，你就可以看到区别了：
阅读全文
摘要：最近时间，专案需要，写了一个类库，主要是为了移除HTML标签以及截取前一段文本的类库。下载地址：http://download.cnblogs.com/insus/Library/CharacterUtility.rar下载之后，把CharacterUtility.dll拉入BIN目录。.NET Framework要求： .NET 4.0引用命名空间。VB.NET:Imports Insus.NETC# : using Insus.NET;此类库需要实例化。VB.NET: Dim objCharacterUtility As New CharacterUtility()C#:Character
阅读全文
摘要：某一些要求，移除网页的图片标签。做个例子吧，在网页中，拉几个控件，其中一个是图片控件。 View Code 浏览并查看源代码：现在，Insus.NET要做的，在网页运行，要自动移除网页所有标签。去.aspx.cs写一段代码：这样子，就可以在runtime时，所有图片的标签移除，并可以做其它相关的动作了。运行看看：
阅读全文
摘要：刚才Insus.NET有尝试改一段代码，是让用户能动态变更网页背景图片的小功能。当Insus.NET去执行铵钮Click事件时，它却出现标题的错误。代码是这样的：此代码，原本是没有什么问题的，但现在添加了#6行代码，即是一个铵钮。当执行click事件，它就出现异常了。 Click事件代码是这样的:怎样解决呢？最终在网上找到一个方法：http://leedumond.com/blog/the-controls-collection-cannot-be-modified-because-the-control-contains-code-blocks/大约如下(英文)：Insus.NET所理解的，
阅读全文
摘要：应网友要求，做一个图片淡入淡出切换的效果功能。需要的是后台动态加载图片。在演示之前，Insus.NET准备好几张图片放在网点的一个目录(Imgfiles)下； Jquery script和css 样式文件。在站点上，创建一个网页Default.aspx，并引用jquery 脚本以及样式文件入网页中：然后在网页中，写一个Div标签，由于需要在后台加载图片，因此把它设为Server控件。添加id和runat="server":接下来，我们去后台.aspx.cs写加载图片代码：Demo source:http://download.cnblogs.com/insus/ASPDOT
阅读全文