表单控件续(1)——应用接口来简化和分散代码

简介: 上次有点仓促,有几个地方没有明确。 1、两篇随笔可以合在一起看 能自己“跑”的表单控件,思路,雏形,源码。vs2005版本 我写项目的步骤。抛砖引玉。   后者是整个流程,前者是其中的一个步骤,是一个简单的思路说明,其中前三段代码都是表单控件里面的。
上次有点仓促,有几个地方没有明确。

1、两篇随笔可以合在一起看
能自己“跑”的表单控件,思路,雏形,源码。vs2005版本
 
我写项目的步骤。抛砖引玉。  

后者是整个流程,前者是其中的一个步骤,是一个简单的思路说明,其中前三段代码都是表单控件里面的。

2、我要写的是一个表单控件,b/s结构里面的控件。虽然内部会有点复杂,但是编译成dll后,调用就会很方便了。



上一篇里的表单控件有很多需要完善的地方,这里先说一下 扩展性

      扩展呢就是说可以比较方便的添加更多的子控件,而现在的表单控件里面只有两种,文本框和下拉列表框,这个显然是不够用的,那么如何更好的扩展呢?

      先回顾一下表单控件里的代码,由于要控制不同的子控件,所以case里面写了很多的代码,那么能不能简化一下呢,或者分给子控件自己解决。

      先看一下取值的情况,一般文本框需要使用 .Text属性来取值,而下拉列表框需要使用 . SelectedValue 取值,其他的控件又有不同的属性,是不是很烦呢?那为什么不能统一一个方法呢?比如都叫 GetValue,那多方便呀。可惜,目前还没有。怎么办呢?自己动手、丰衣足食,我们自己来实现一个吧。

      那么具体怎么来实现呢?直接给基类加属性,好像是不太可能,只有利用接口了。集成.net框架里提供的框架,然后实现接口,表单控件里面在操作接口。(这个算不算面对接口编程呀?)

      先定义接口。
public   interface  IGetControlValue
    
{
        
/**//// 返回控件的编号
         string ControlKindget;}

        
/**//// 默认的取值方式
         string GetControlValue();

        
/**//// 可以选择的取值方式
         
/// <param name="kind">取哪种值,比如提取下拉列表框的value还是text</param>

        string GetControlValue(string kind);

        
/**//// 默认的给控件赋值的方式
         void SetControlValue(string value);

        
/**//// 可以选择的赋值方式
         
/// <param name="value">赋值</param>
        
/// <param name="kind">通过哪种方式给控件赋值,比如通过下拉列表框的value还是text</param>

        void SetControlValue(string value, string kind);

        
/**//// 通过控件的描述信息,进行自我描述。比如设置maxlength 等。
         void ShowMe(ControlInfos info);

    }

      这里 不仅定义了取值和赋值用的几个函数,还设计了一个自我描述的函数,ShowMe(ControlInfos info);可以通过把一些任务交给子控件来实现

      然后写几个自定义控件,文本框
   实现接口 #region 实现接口
        
/**//// 获取文本框的.Text.Trim();
        public string GetControlValue()
        
{
            
return this.Text.Trim();
        }


        
/**//// 给文本框的Text属性赋值
        
/// <param name="value">赋值</param>

        public void SetControlValue(string value)
        
{
            
this.Text = value;
        }


        
/**//// 设置 文本框的一些属性
        public void ShowMe(ControlInfos info)
        
{
            
//通过 info 里面的信息来设置 Columns、MaxLength 等属性。代码暂时略
        }


        
#endregion

下拉列表框
  /**/ /// 获取下拉列表框选中的value值;
         public   string  GetControlValue()
        
{
            
return this.SelectedValue;
        }

        
        
/**/ /// 通过kind获取下拉列表框的选中的值;
        
/// <param name="kind">1:获取value;2:获取Text</param>

         public   string  GetControlValue( string  kind)
        
{
            
switch (kind )
            
{
                
case "1":
                    
return this.SelectedValue; 
                
default :
                    
return this.SelectedItem.Text; 
            }

         }

         
        
/**/ /// 设置下拉列表框的默认选项
         public   void  SetControlValue( string  value)
        
{
            
this.SetSelectedByValue(value);
        }


        
/**/ /// 设置下拉列表框的默认选项
        
/// <param name="kind">1:通过value;2:通过Text</param>

         public   void  SetControlValue( string  value,  string  kind)
        
{
           
switch (kind)
            
{
                
case "1":
                    
this.SetSelectedByValue(value); break;
                
default:
                    SetSelectedByText(value); 
break;
            }

        }


        
/**/ /// <summary>
        
/// 设置 下拉列表框的一些属性
        
/// </summary>
        
/// <param name="info"></param>

         public   void  ShowMe(ControlInfos info)
        
{
            
//通过 info 里面的信息来 设置下拉列表框的item。代码暂时略
            
//sql|select Col1 as id,col2 as txt from table |0|1
            
//cus|0~1~男~女|0|1
       
            
//先写一个测试用的
            this.Items.Add(new ListItem("测试项目1""1"));
            
this.Items.Add(new ListItem("测试项目2""2"));
                        
        }


      然后在修改表单控件里面的 ShowData() 函数,当然还有 SaveDate() 函数。
public   string  ShowData()
        
{
            IGetControlValue iCntl 
= null;
            Control  cntl 
= null;
            
foreach (ControlInfos info in this.CtrlInfo)
            
{
                
switch (info.ControlKind)
                
{
                    
case "201":     //单行文本框
                        cntl = new JYKTextBox();  break;

                    
case "205":     //下拉列表框
                        cntl = new JYKDropDownList(); break;

                }

               
                iCntl 
= (IGetControlValue)cntl;
                cntl.ID 
= "c_" + info.ColSysName;   //设置ID
                iCntl.ShowMe(info);                 //让子控件自己描绘自己

                
//添加到表单控件里
                this.Controls.Add(new LiteralControl(info.ColName));
                
this.Controls.Add(cntl);
                
this.Controls.Add(new LiteralControl("<BR>"));

                iCntl.SetControlValue(
"sss");   //赋值测试

            }

            
return "";
        }

          /**/ /// 保存数据
          public   string  SaveDate()
        
{
             ControlInfos[] info 
= this.CtrlInfo;

            IGetControlValue iCntl 
= null;      //定一个接口
           
            
string[] str1 = new string[info.Length];
            
string[] str = new string[info.Length];

            
for (int i = 0; i < info.Length; i++)
            
{
                str1[i] 
= info[i].ColSysName;
                
//这里可以去掉case 了。

                iCntl 
= this.FindControl("c_" + info[i].ColSysName) as IGetControlValue;
                
if (iCntl == null)
                    str[i] 
= "";
                
else
                    str[i] 
= iCntl.GetControlValue();   //利用接口来取值

            }


           return "";
        }


 
ShowData() 函数里面的case 已经变得很短了, 是不是有点像简单工厂?剩下的就都可以通过接口来操作了。
rex xiang 同学和怪怪同学等,说这里的case 可以使用  Dictionary  来去掉,但是目前对于 Dictionary 还是不太了解,所以先暂时使用case 的方式。   

SaveDate() 函数里面的case就完全去掉了, iCntl = this.FindControl("c_" + info[i].ColSysName) as IGetControlValue;很奇怪,C#里居然可以这么用,因为在编译的时候无法确定find出来的控件就一定实现了接口。这个居然也可以。

完整代码下载
http://www.cnblogs.com/jyk/archive/2008/04/25/1170979.html
相关文章
|
3月前
|
前端开发 Java Spring
SpringMVC种通过追踪源码查看是哪种类型的视图渲染器(一般流程方法)
这篇文章通过示例代码展示了如何在Spring MVC中编写和注册拦截器,以及如何在拦截器的不同阶段添加业务逻辑。
SpringMVC种通过追踪源码查看是哪种类型的视图渲染器(一般流程方法)
|
4月前
|
开发框架 JavaScript 前端开发
基于Vue的工作流项目模块中,使用动态组件的方式统一呈现不同表单数据的处理方式
基于Vue的工作流项目模块中,使用动态组件的方式统一呈现不同表单数据的处理方式
|
5月前
|
前端开发 数据库 JavaScript
基于Flowable的流程挂接自定义业务表单的设计与实践
文章讨论了如何在Flowable流程引擎中挂接自定义业务表单,以及相关设计和实践的步骤。文章中包含了一些前后端代码示例,如Vue组件的模板和脚本部分,这些代码用于实现与Flowable流程引擎交互的界面。例如,有一个按钮组件用于提交申请,点击后会触发applySubmit方法,该方法会与后端API进行交互,处理流程启动、查询关联流程等逻辑。
49331 11
|
3月前
|
存储 开发框架 前端开发
EAV模型(实体-属性-值)的设计和低代码的处理方案(3)-- 实体属性定义及前端列表展示和数据录入处理
EAV模型(实体-属性-值)的设计和低代码的处理方案(3)-- 实体属性定义及前端列表展示和数据录入处理
|
6月前
表格重用的三种方式
表格重用的三种方式
45 0
|
前端开发 JavaScript
“构建高效的前端表单验证与增删改功能实现“
“构建高效的前端表单验证与增删改功能实现“
60 0
|
UED 开发者
构建可访问的自定义表单控件
在现代Web应用程序中,表单是一个至关重要的组件。用户可以通过表单输入数据并与应用程序进行交互。为了提高用户体验,并让所有用户都能轻松地使用您的应用程序,构建可访问的自定义表单控件是非常重要的。
|
前端开发
前端工作小结28-按钮封装
前端工作小结28-按钮封装
93 0
前端工作小结28-按钮封装
|
JSON 算法 前端开发
你还在重复编写表单代码吗?封装一个组件不香吗?
🎈表单是我们平时在很多情况下都会用到的,那么重复的编写表单代码会不会让你感到厌烦呢?如果将其封装成一个可配置组件的话是不是会减少我们很多的工作量。
156 0
你还在重复编写表单代码吗?封装一个组件不香吗?
|
前端开发
前端工作小结36-富文本组件封装
前端工作小结36-富文本组件封装
96 0