随笔分类 - HTML/CSS
摘要：昨晚修改ASP.NET程序时，添加一个功能，但是： asp:CheckBoxList呈现时，它会产生边框线。为了去掉它，也花了Insus.NET10多分钟来修改，测试... 最终，使用在其外面添加一个div标签，再使用样式来处理它： 它在页面生成的html： 所以要处理掉table的border。
阅读全文
摘要：实现广告点击，Insus.NET想使用click来替代href。 为什么要这样子做，因为一些广告的链接为站外链接，但需要在系统中做一些事情之后才让其转跳。 以上是在Vue环境中使用。 转跳代码： const a = document.createElement('a'); a.style.displ
阅读全文
摘要：在一个页面中，把div分成2 column。 可以使用下面class: 效果：
阅读全文
摘要：vue获取下拉列表选中的项值，很简单： <div id="test"> <select @change="changeSelect($event)"> <option value=""> </option> <option v-for="o in ops" :value="o.op_id">{{o.
阅读全文
摘要：学习与使用angularjs这么久，觉得javascript也可以重构。 如下面这段代码，是angularjs拿到数据之后，使用 $index来进行分列呈现在html之上。 以上高亮部分都是相同的，我们可以把它抽取出来： 再写一个方法来对append方法进行封装：
阅读全文
摘要：效果： <div id="test"> Filter:<input type="text" v-model="searchlanguage" /> <ul> <li v-for="language in searchResults"> {{language}} </li> </ul> </div>
阅读全文
摘要：本篇学习到Vue的Event，v-on和@click。 在方法methods访问到data数据，this.$data来实现。 window.location重设置值，令其导向设置值的页面或链接。 <div id="test"> <a v-on:click="goto">{{name}} </a> <
阅读全文
摘要：今 天又学习一门前端，叫Vue.js。 在VS中，使用NuGet下载Vue.js和axios.js： 引用至html网页中： 在script里，写几行读数据接口的代码： new Vue({ el: '#app', data() { return { info: null } }, mounted()
阅读全文
摘要：项目是ASP.NET MVC，在重构时页面时，几部页面相同的html代码，被抽至部分视图Partial View中去了。但是ASP.NET MVC中，又使用了angularjs。所以部分视图中的Controller相对于angularjs来说，就成了子控制器Controller。 现在的问题是，在视
阅读全文
摘要：系统有个栏位，作为参数设置，限制用户只能输入大于0的正整数： <input type="text" name="non" ng-model="non" onpaste="return false;" onkeyup="if ( this.value.length == 1 ) { this.valu
阅读全文
摘要：学习ASP.NET MVC，如果你是开发ASP.NET MVC项目的，也许你去为项目添加前ASP.NET项目的APP_Code目录，在这里创建与添加的Class类，也许你无法在MVC项目所引用。 那这样说，是不是一没有作用了呢？非也。 从下面一步一步来学习。 创建一个model，名称：Machine
阅读全文
摘要：程序需求，必填字段高亮提示。 为输入文本框添加一个高亮样式： input.ng-invalid { background-color: rgb(255,255,51); } input.ng-invalid-required { background-color: rgb(255,255,51);
阅读全文
摘要：今早有分享一篇《创建Web API并使用》http://www.cnblogs.com/insus/p/7771428.html 接下来，我再分享一篇，怎样在angularjs去呼叫Web API。 定义一个mode: using System; using System.Collections.G
阅读全文
摘要：昨晚有教一个网友在ASP.NET MVC里，创建Web API和在MVC视图中应用此API。 可以在ASP.NET MVC中，创建程序的model: namespace Insus.NET.Models { public class Weather { private int _Month; pub
阅读全文
摘要：今天练习angularjs的ng-change事件。 比如用户作出选择时，系统所指定的选项中，没有用户合适的选项。此时我们可以让用户填写。 刚开始文本框是隐藏的。当用户选择了checkbox之后才会显示出来。 在angularjs程序的model中IsVisible的值为false。 这样子，程序在
阅读全文
摘要：添加样式： 在html中，需要创建2层div来实现。一个div包含另一个div： 效果：
阅读全文
摘要：前一篇《实现Repeater控件的记录单选》http://www.cnblogs.com/insus/p/7426334.html 虽然可以实现对Repeater控件的记录进行单选，但是，你需要懂得写正则表达式和需要写C#程序重写。好吧，方法也许往往不止一种。 先去掉重写的代码： 下面Insus.N
阅读全文
摘要：这次，学习angularjs的表单的验证，angularjs提供上表几种状态验证： 另外，AngularJS内置的验证器： 下面Insus.NET分别举个例子进行实践与说明： 第一种情形，文本框必须填写，还要求字符串的最小长度和最大长度。 第二种情形，必填字段，使用type=number来限制输入字
阅读全文
摘要：Angularjs实现自由度很高。比如ng-repeat可以以包含的文件中实现数据循环。如： 当我们把这html文件被ng-include包含时，它完全能正常呈现对应的数据： 创建应用app: 创建Controller: Ok，现在ASP.NET MVC的视图使用ng-include外含html文档
阅读全文
摘要：在ASP.NET MVC环境中，使用jQuery脚本去实现加载html网页。一般情况之下，在ASP.NET MVC项目中，你不能在~/Views目录之下添加或是创建任何html为后缀的网页。但这也不是绝对。因此下面的例子，Insus.NET会在项目中创建另一个目录来存储html网页。 下面想在一个视
阅读全文