一步一步教你打造一个Numeric TextBox控件

1、创建一个新的类库目,将它命名为MyCustomControls

一步一步教你打造一个Numeric TextBox控件

 

2、 添加System.Web引用:

一步一步教你打造一个Numeric TextBox控件

 

3、 Visual Studio 将会自动添加一个名字为"Class1.cs"的文件。请将它删除,然后添加NumericTextBox.cs 和NumericTextBoxExtention.cs两个文件类。另外创建一个名字为"Resources" 新的文件夹,在这个文件夹中添加一个名字为"NumericTextBox.js"的JavaScript文件:

一步一步教你打造一个Numeric TextBox控件

 

4、为了使JavaScript嵌入在组件中,改变其生成操作属性为"嵌入的资源",请参阅下图:

一步一步教你打造一个Numeric TextBox控件 

5、两个类库文件都用来实现NumericTextBox类,它们之间使用了关键字partial, NumericTextBox.cs 用来实现控件的逻辑,NumericTextBoxExtention.cs 将包含所有的字段和属性。

  NumericTextBox.cs:

一步一步教你打造一个Numeric TextBox控件代码

  NumericTextBoxExtention.cs

一步一步教你打造一个Numeric TextBox控件代码

 7、实现"NumericTextBox.js":

一步一步教你打造一个Numeric TextBox控件代码

 8、新建一个ASP.NET Web应用程序,在引用->添加引用->项目,选择MyCustomControls。在webconfig中添加下面配置代码:

<pages>
   
<controls>
      
<add tagPrefix="mcc" namespace="MyCustomControls" assembly="MyCustomControls"/>

 9、在Defaut.aspx页面中拖入一个NumeriTextBox控件,如下图:

一步一步教你打造一个Numeric TextBox控件

参考代码:/Files/zhuqil/MyCustomControls.rar






本文转自麒麟博客园博客,原文链接:http://www.cnblogs.com/zhuqil/archive/2010/01/09/1642688.html,如需转载请自行联系原作者