上一章已经简单介绍了CKEditor控件可以编写C#代码,然后可以通过ajax去调用,但是要在网页上面编写所有C#后台逻辑,肯定痛苦死了,不说实现复杂的逻辑,就算实现一个简单增删改查,都会让人头痛欲裂,而且不能创建类库,不能运用各种设计模式,不能重复调用,智能提示也不够全面,我估计没有一个人愿意在这种模式下去开发,能够用这种模式开发一个增删改查,绝对是大牛,反正我是做不到。为了解决这种问题,所以这就需要CKEditor编辑器的扩展性,利用CKEditor扩展各种控件来普助实现在线开发。利用控件来生成C#代码方法或者服务器组件,然后C#代码方法通过ajax去调用,服务器组件我们绑定数据,从而有了Web在线开发的可能。

首先来介绍常用From表单控件,如图所示:

红色框框住的就是常用From表单控件。从左到右分别是From,复选框,单选框,文本框,多行文本框,下拉列表,按钮,图片按钮,隐藏文本框,Lable

复选框和单选框介绍与说明:

因为单选框和复选框属性和设置界面一直,所以就一起讲解,点击复选框按钮弹出,复选框设置界面,如下图:

属性说明与用法:

字段说明 输入类型 说明
控件ID   自动生成,生成一个唯一的控件ID,如果页面存在重复预览页面会报错
控件名称 手工输入 方便编辑时,知道该控件是做什么的。
绑定字段 弹出选择 编辑页面进行绑定数据和修改数据使用,以及列表查询的时候会用到,
验证类型 弹出选择和输入 编辑页面保存会根据验证类型进行验证,保存之前js和C#后台都会对其验证。
选项 列表维护 一行数据代表一个复选选项

 文本框和多行文本介绍与说明

文本框和多行文本的属性也是一致的,一起说明.点击文本框弹出如下层:

属性说明与介绍:

字段名称

输入类型

说明

Id

文本

默认会生成一个ID,可修改,但是要保证ID为唯一

初始值

文本

如果设置了默认值,该初始值会被默认值替换。

保存验证

弹出选择或输入

编辑页面保存会根据验证类型进行验证,保存之前js和C#后台都会对其验证。

最多字符数

Int

控制文本框输入最大字符的数量

类型

下拉列表

分为文本,日期,密码三种类型

绑定字段

点击选择

编辑页面进行绑定数据和修改数据使用,以及列表查询的时候会用到,

默认值

点击选择

可设置当前的环境变量或者url的参数

显示字段

是与否

控制显示绑定字段的属性

查询符号

下拉选择

作为列表查询条件使用,

下拉列表说明与介绍:

点击下拉列表控件属性设置界面如下:

属性说明与介绍

字段名称

输入类型

说明

Id

文本

默认会生成一个ID,可修改,但是要保证ID为唯一

宽度

数字

控制下拉列表宽度

高度

数字

控制下拉列表高度

绑定字段

弹出选择

编辑页面进行绑定数据和修改数据使用,以及列表查询的时候会用到,

保存后验证

弹出选择或者输入

编辑页面保存会根据验证类型进行验证,保存之前js和C#后台都会对其验证。

是否动作

是与否

是显示出现三个属性,分别为:动作名称,text绑定字段,value绑定字段,可与查询控件配合使用,让查询控件绑定下拉列表选项展示出来。

选择否,就必须添加【选择设置】

动作名称

下拉选择

会显示查询控件的名称

text绑定字段

下拉选择

会显示查询控件查询结果返回的字段名称

Value绑定字段

下拉选择

会显示查询控件查询结果返回的字段名称

选项

列表编辑

一行代表一个选项。

 按钮控件说明与介绍:

按钮控件属性设置界面如下:

属性说明

字段名称

输入类型

说明

按钮ID

文本

默认会生成一个ID,可修改,但是要保证ID为唯一

按钮名称

文本

按钮会显示的名称

Classname

文本

按钮的样式

按钮的类型

点击选择

分为:普通按钮和链接按钮,普通按钮是<input type=“butnn”/> 链接按钮显示是<a/>

按钮权限

下拉选择

对应到用户授权的按钮类别。

动作类型

下拉选择

服务动作,Js动作,Url动作,其他动作

备注:服务动作:选择的是服务动作控件,后面会重点介绍。

Js动作:定义一个js函数动作名称

Url动作:点击可设置弹出那个窗体

其它动作:为公共,特有的动作。

Lable控件说明与介绍

Lable属性设置界面如下:

属性说明:

字段名称

输入类型

说明

按钮ID

文本

默认会生成一个ID,可修改,但是要保证ID为唯一

Lable名称

文本

设计界面显示名称

默认值

点击选择

可设置当前的环境变量或者url的参数

绑定字段

点击选择

绑定显示某个字段的值

隐藏域控件介绍与说明

隐藏域控件属性界面如下:

隐藏文本属性说明:

字段名称

输入类型

说明

按钮ID

文本

默认会生成一个ID,可修改,但是要保证ID为唯一

文本

没有默认值和绑定字段值得时候显示

默认值

点击选择

可设置当前的环境变量或者url的参数

绑定字段

点击选择

绑定显示某个字段的值

这些from表单控件最后生成都是服务器控件,具体生成怎样的服务器标签,可以去代码编辑界面=>代码生成结果去看。

如果大家有兴趣的话,欢迎加入群QQ一起讨论:109434403

体验网站地址:http://www.zjt-lab.com/Platform/;
用户名:admin 
密码:0

基于CkEditor实现.net在线开发之路(3)常用From表单控件介绍与说明的更多相关文章

  1. 基于CkEditor实现.net在线开发之路(7)列表页面开发动作介绍

    一个列表页面不止是查询,它也包含了很多业务上功能的实现,这些业务功能的实现的逻辑我称之为动作.如触发单击按钮删除数据,更改业务表数据,调用webService,调用WCF接口,弹出新窗体新增.修改.查 ...

  2. 基于CkEditor实现.net在线开发之路(1)

    我以前的公司使用office sharepoint designer为界面设计器,嵌套各种自定义控件,进行各种管理软件,工作流的开发,遇到比较复杂的逻辑,则采用本地写类库,生成DLL上传到服务器,通过 ...

  3. 基于CkEditor实现.net在线开发之路(4)快速布局,工具箱,模板载入,tab选项卡简单说明与使用

    上一章给常用的from表单控件属性页面,进行了简单说明和介绍,但是由于是在网页中做界面设计,操作肯定没有桌面应用程序方便,便捷,为了更方便的布局与设计,今天我主要说一下快速布局,工具箱,tab选项卡, ...

  4. 基于CkEditor实现.net在线开发之路(8)Vs开发怎么配置

    前段时间有一园友问我,怎么将组件放置到VS开发工具的工具箱中,用vs开发工具配合CKEditor实现在线.net开发呢? 第一步:登陆http://www.zjt-lab.com:8090/login ...

  5. 基于CkEditor实现.net在线开发之路(6)vs开发工具配合一起开发

    上一章讲解了利用CKEditor实现了一个简单的列表功能的查询,CKEditor编辑器是由js实现的,js是一门非常强大的语法,但是要用它实现Vs开发工具那样强大编辑器的功能,估计不可能,这就使得CK ...

  6. 基于CkEditor实现.net在线开发之路(5)列表页面开发

    这章主要讲解利用控件开发列表页面,我们先从最简单的列表页面开始讲解,这个列表只有一个列表展示.具体开发步骤请看下面动态图 由上动态图可以看出,开发一个简单的列表只有两步, 第一步:拖拽查询控件,设置好 ...

  7. 基于CkEditor实现.net在线开发之路(2)编写C#代码,怎么调用它。

    上一章简约的介绍了CkEditor编辑器,可以编辑js逻辑代码,css,html,C#代码,这章我根据实际例子,讲解怎么编写C#代码和怎么调用它. 大家都还记得刚刚接触程序编时的hello Word吧 ...

  8. C#中缓存的使用 ajax请求基于restFul的WebApi(post、get、delete、put) 让 .NET 更方便的导入导出 Excel .net core api +swagger(一个简单的入门demo 使用codefirst+mysql) C# 位运算详解 c# 交错数组 c# 数组协变 C# 添加Excel表单控件(Form Controls) C#串口通信程序

    C#中缓存的使用   缓存的概念及优缺点在这里就不多做介绍,主要介绍一下使用的方法. 1.在ASP.NET中页面缓存的使用方法简单,只需要在aspx页的顶部加上一句声明即可:  <%@ Outp ...

  9. 基于Extjs的web表单设计器 第二节——表单控件设计

    这一节介绍表单设计器的常用控件的设计. 在前面两章节的附图中我已经给出了表单控件的两大分类:区域控件.常用控件.这里对每个分类以及分类所包含的控件的作用进行一一的介绍,因为它们很重要,是表单设计器的基 ...

随机推荐

  1. ASP.NET MVC学前篇之Lambda表达式、依赖倒置

    ASP.NET MVC学前篇之Lambda表达式.依赖倒置 前言 随着上篇文章的阅读,可能有的朋友会有疑问,比如(A.Method(xxx=>xx>yy);)类似于这样的函数调用语句,里面 ...

  2. Azure PowerShell (9) 使用PowerShell导出订阅下所有的Azure VM的Public IP和Private IP

    <Windows Azure Platform 系列文章目录> 笔者在之前的工作中,有客户提出想一次性查看Azure订阅下的所有Azure VM的Public IP和Private IP. ...

  3. 【VC++技术杂谈001】音频技术之调节音量及设置静音

    本文主要介绍如何使用混音器Mixer API函数实现系统音量调节,以及设置静音. 1.混音器的作用及结构 1.1混音器的作用 声卡(音频卡)是计算机进行声音处理的适配器,具有三个基本功能: (1)音乐 ...

  4. 《Entity Framework 6 Recipes》中文翻译系列 (7) -----第二章 实体数据建模基础之拆分实体到多表以及拆分表到多实体

    2-6 拆分实体到多表 问题 你有两张或是更多的表,他们共享一样的主键,你想将他们映射到一个单独的实体. 解决方案 让我们用图2-15所示的两张表来演示这种情况. 图 2-15,两张表,Prodeuc ...

  5. RequireJS与Backbone简单整合

    前言 昨天我们一起学习了Backbone,最后做了一个备忘录的例子,说是做了不如说是看了下官方提供的例子,所以最终我感觉我们还是没能掌握Backbone,今天还得做个其它例子先. 然后前面也只是草草学 ...

  6. 2013 duilib入门简明教程 -- 界面设计器 DuiDesigner (10)

        上一个教程讲解了怎么布局最大化.最小化.关闭按钮,但是如果手动去计算这三个按钮的位置和大小的话,非常的不直观,也很不方便.     所以这一章准备介绍duilib的UI设计器,由于这个设计器很 ...

  7. Drupal8重命名上传的中文名文件

    完整的模块代码文件在Coding.net上,想直接使用的请前往下载:https://coding.net/u/yamus/p/chinese_rename/git/tree/master 最近吧Dru ...

  8. EditText的小细节

    EditText获取焦点时,右边图片的改变例如: <item android:state_window_focused="false" android:drawable=&q ...

  9. 外接程序“VMDebugger”未能加载或者导致了异常。是否希望移除该外接程序?

    收工~

  10. 【Win 10开发】协议-上篇:自定义应用协议

    就像系统许多内置应用可以通过URI来启动(如ms-settings-bluetooth:可以打开蓝牙设置页),我们自己开发的应用程序,如果需要的话,可以为应用程序自定义一个协议.应用程序协议在安装时会 ...