asp.netmvc添加vue好处

asp.netmvc添加vue好处

1、可以利用vue的单文件组件，使得开发人员可以更加自由的组织代码，提高开发效率和可读性。

2、可以利用vue的虚拟DOM，提高页面渲染的性能，减少页面渲染时间。

3、可以利用vue的双向数据绑定，使得开发人员可以更加快速的实现页面上的交互效果。

4、可以利用vue的组件化开发方式，使得开发人员可以更加高效的实现复杂页面的开发。

CheckBox选择组件是一个程序中都经常的组件 在程序设计中使用到该组件 一般都不会只使用到一个 往往是以多个此类组件的形式出现的 在ASP NET页面中如果要使用到多个CheckBox组件 除了添加多个CheckBox组件在页面中之外 还有一种比较方便的方法 就是使用CheckBoxList 组件 CheckBoxList组件是由一组的CheckBox组件组成的 在此组件中CheckBox是做为条目的形式出现的 并且对每个在 CheckBoxList组件中的CheckBox都有一个索引号 这样在程序中就更容易来处理了

这时你可能要问 这不是多此一举么 既然有了CheckBox组件 还要CheckBoxList组件干什么？这是因为在程序设计的过程中 处理CheckBoxList组件要往往要比处理CheckBox组件相对容易的多并且也明了的多 举例如下

假定有一个CheckBoxList组件和有十个CheckBox组件 并且这个CheckBoxList组件是由这十个CheckBox组件构成的

一 如何在创建一个CheckBoxList组件 ＜ asp:CheckBoxList runat = server id = C ＞＜ asp:ListItem Value = ＞第一个检查框＜ /asp:ListItem ＞＜ asp:ListItem Value = ＞第二个检查框＜ /asp:ListItem ＞＜ asp:ListItem Value = ＞第三个检查框＜ /asp:ListItem ＞ 注释 在这里可以加入若干个检查框＜ /asp:CheckBoxList ＞

在ASP NET页面中加入上面的语句 就可以产生一个名称为 C 的CheckBoxList组件了

二 CheckBoxList组件中经常使用到的属性

TextAlign属性 取值为 Left Right 如果TextAlign的值为Left则CheckBoxList组件中的检查框的文字在选框的左边 同理如果TextAlign的值为Right则检查框的文字在选框的右边

Selected属性 为布尔型 判定组件中的检查框是否被选中

RepeatColumns属性 在CheckBoxList组件中有若干检查框 此属性主要是设定这些检查框到底用多少行来显示

RepeatDirection属性 此属性的值可为 Vertical Horizontal 当设定了RepeatColumns属性后 设定此属性是如何排列组件中的各个检查框的 具体如下 假定CheckBoxList组件有四个检查框 并且RepeatColumns属性值为 ) 如果RepeatDirection ＝ Vertical 则在页面中检查框的显示方式如下 检查框 检查框 检查框 检查框 ) 如果RepeatDirection ＝ Horizontal 则在页面中检查框的显示方式如下 检查框 检查框 检查框 检查框

Count属性 返回CheckBoxList组件中有多少检查框

三 CheckBoxList组件中经常使用到的方法

在组件中增加一个检查框 语法如下 CHKList Items Add ( new ListItem ( ＜ text ＞ ＜ value ＞ ) )

访问组件中的检查框 语法如下 CHKList Items [ ＜ index ＞ ]

删除组件中的检查框 语法如下 CHKList Items Remove ( ＜ index ＞ )

四 总结

其实CheckBoxList组件也是一个服务器端组件 本文介绍了CheckBoxList组件中的一些主要的属性和方法 并且通过一个比较典型的例子说明了在ASP NET页面中如何进行与CheckBoxList组件相关的编程

lishixinzhi/Article/program/net/201311/12571

　（1）.如何在窗体上创建Button组件：

其实用Visual C#创建一个组件是十分方便的，只用下列二行语句就可以完成了：

//创建一个新的Button组件

Button myButton = new Button ( )

//在窗体中显示此按钮

this.Controls.Add ( myButton )

但此时创建的这个Button组件没有任何属性，并且也没有任何事件，在本文中介绍的程序中创建的Button组件，不仅有属性也有事件，下列语句就是本文程序创建Button组件源代码：

//按钮数量计算器在每次按钮按动后加"1"

counter += 1

//对要产生的按钮的纵坐标的相对位置是前一个产生按钮的相对位置的纵坐标加"3"

locY += this.btnAdd.Height + 3

//创建一个新的Button组件

Button myButton = new Button ( )

//设定他的名称和Text属性，以及产生的相对位置

myButton.Name = "Button " + counter

myButton.Text = "按钮 " + counter

myButton.Location = new Point ( btnAdd.Location.X , locY )

//为产生的新的Button组件设定事件，本文中为产生的按钮设定了三个事件

myButton.MouseEnter += new System.EventHandler ( this.btn_MouseEnter )

myButton.MouseLeave += new System.EventHandler ( this.btn_MouseLeave )

myButton.Click += new System.EventHandler ( this.btn_Click )

//在窗体中显示此按钮

this.Controls.Add ( myButton )

程序不仅为每一个组件的属性都赋值，而且为每一个组件都创建了三个事件。细心的读者可能已经注意到，程序为每一个组件创建的事件的名称都是一样的。这样就有一个问题，如何在这一样的事件中，识别到底是哪个Button组件触发了事件。

（2）.确定是哪个组件触发了事件：

由于程序中为每一个创建的Button组件的事件都是一样的，要想正确处理这些组件的事件，就需要在事件触发的程序中判断到底是哪个组件触发了这个事件。这就需要用到上面所提出的装箱和出箱。我们知道Sender对象是一个参考类型变量，他存放的是指向触发当前事件实体对象的指针。要把他给转换成实值对象类型，通过下列语句就可以确定是哪个组件触发了当前事件：

private void btn_MouseEnter ( object sender , System.EventArgs e )

{

//出箱

Button currentButton = ( Button ) sender

//设定按钮的背景色

currentButton.BackColor = Color.Red

}

其他事件可以仿照此事件的处理过程来处理。

（3）. 如何在窗体上创建TextBox组件：

创建TextBox组件的过程和创建Button组件过程相类似，只是在创建的组件类型上面有一点区别，具体实现语句如下：

//文本框数量计算器在每次按钮按动后加"1"

counter01 += 1

//对要产生的文本框的纵坐标的相对位置是前一个产生按钮的相对位置的纵坐标加"3

locY1 += this.txtAdd.Height + 3

//创建一个新的TextBox组件

TextBox myBox = new TextBox ( )

//设定他的名称和Text属性，以及产生的位置

myBox.Name = "TextBox " + counter01

myBox.Text = "文本框 " + counter01

myBox.Location = new Point ( txtAdd.Location.X , locY1 )

//为产生的新的TextBox组件设定事件，本文中为产生的文本框设定了一个事件

myBox.Click += new System.EventHandler ( this.btn_Click )

//在窗体中显示此文本框

this.Controls.Add ( myBox )

此时细心的读者又会发现，为每一个TextBox组件创建Click事件和为Button组件创建的Click事件也是一样的，这样在Click事件中不仅要判断是哪个组件触发了事件，还要判断是那种类型的组件触发了事件，下面语句是实现这些判断地具体方法：

private void btn_Click ( object sender , System.EventArgs e )

{

if ( sender.GetType ( ) == typeof ( Button ) )

{

Button control = ( Button ) sender

MessageBox.Show ( control.Text + "被按动了！")

}

else

{

TextBox control = ( TextBox ) sender

MessageBox.Show ( control.Text + "被按动了！" )

}

}

当然如果你也可以单独为TextBox组件创建Click事件。此时创建的事件语句可改为：

myBox.Click += new System.EventHandler ( this.txt _Click )

下面是实现txt _Click ( )事件的程序代码：

private void txt_Click ( object sender , System.EventArgs e )

{

TextBox currentButton = ( TextBox ) sender

MessageBox.Show ( currentButton.Text + "被按动了！")

}

---