基于CkEditor实现.net在线开发之路(3)常用From表单控件介绍与说明
上一章已经简单介绍了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
基于CkEditor实现.net在线开发之路(3)常用From表单控件介绍与说明的更多相关文章
- 基于CkEditor实现.net在线开发之路(7)列表页面开发动作介绍
一个列表页面不止是查询,它也包含了很多业务上功能的实现,这些业务功能的实现的逻辑我称之为动作.如触发单击按钮删除数据,更改业务表数据,调用webService,调用WCF接口,弹出新窗体新增.修改.查 ...
- 基于CkEditor实现.net在线开发之路(1)
我以前的公司使用office sharepoint designer为界面设计器,嵌套各种自定义控件,进行各种管理软件,工作流的开发,遇到比较复杂的逻辑,则采用本地写类库,生成DLL上传到服务器,通过 ...
- 基于CkEditor实现.net在线开发之路(4)快速布局,工具箱,模板载入,tab选项卡简单说明与使用
上一章给常用的from表单控件属性页面,进行了简单说明和介绍,但是由于是在网页中做界面设计,操作肯定没有桌面应用程序方便,便捷,为了更方便的布局与设计,今天我主要说一下快速布局,工具箱,tab选项卡, ...
- 基于CkEditor实现.net在线开发之路(8)Vs开发怎么配置
前段时间有一园友问我,怎么将组件放置到VS开发工具的工具箱中,用vs开发工具配合CKEditor实现在线.net开发呢? 第一步:登陆http://www.zjt-lab.com:8090/login ...
- 基于CkEditor实现.net在线开发之路(6)vs开发工具配合一起开发
上一章讲解了利用CKEditor实现了一个简单的列表功能的查询,CKEditor编辑器是由js实现的,js是一门非常强大的语法,但是要用它实现Vs开发工具那样强大编辑器的功能,估计不可能,这就使得CK ...
- 基于CkEditor实现.net在线开发之路(5)列表页面开发
这章主要讲解利用控件开发列表页面,我们先从最简单的列表页面开始讲解,这个列表只有一个列表展示.具体开发步骤请看下面动态图 由上动态图可以看出,开发一个简单的列表只有两步, 第一步:拖拽查询控件,设置好 ...
- 基于CkEditor实现.net在线开发之路(2)编写C#代码,怎么调用它。
上一章简约的介绍了CkEditor编辑器,可以编辑js逻辑代码,css,html,C#代码,这章我根据实际例子,讲解怎么编写C#代码和怎么调用它. 大家都还记得刚刚接触程序编时的hello Word吧 ...
- 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 ...
- 基于Extjs的web表单设计器 第二节——表单控件设计
这一节介绍表单设计器的常用控件的设计. 在前面两章节的附图中我已经给出了表单控件的两大分类:区域控件.常用控件.这里对每个分类以及分类所包含的控件的作用进行一一的介绍,因为它们很重要,是表单设计器的基 ...
随机推荐
- iOS开发系列--C语言之构造类型
概述 在第一节中我们就提到C语言的构造类型,分为:数组.结构体.枚举.共用体,当然前面数组的内容已经说了很多了,这一节将会重点说一下其他三种类型. 结构体 枚举 共用体 结构体 数组中存储的是一系列相 ...
- 《Entity Framework 6 Recipes》中文翻译系列 (18) -----第三章 查询之结果集扁平化和多属性分组
翻译的初衷以及为什么选择<Entity Framework 6 Recipes>来学习,请看本系列开篇 3-14 结果集扁平化 问题 你有一对多关联的两个实体,你想通过一个查询,获取关联 ...
- uwp 图片切换动画 使用帧动画
上一篇博客使用了Timer来实现图片的切换,@lindexi_gd讨论了一下性能,我本人其实对性能这一方面不太熟,但我觉得还是有必要考虑一下,那么今天我们使用帧动画开实现以下 新建项目,添加一个But ...
- jQuery 2.0.3 源码分析core - 选择器
声明:本文为原创文章,如需转载,请注明来源并保留原文链接Aaron,谢谢! 打开jQuery源码,一眼看去到处都充斥着正则表达式,jQuery框架的基础就是查询了,查询文档元素对象 ...
- 编译opengl编程指南第八版示例代码通过
最近在编译opengl编程指南第八版的示例代码,如下 #include <iostream> #include "vgl.h" #include "LoadS ...
- ASP.NET Core的配置(1):读取配置信息
提到"配置"二字,我想绝大部分.NET开发人员脑海中会立马浮现出两个特殊文件的身影,那就是我们再熟悉不过的app.config和web.config,多年以来我们已经习惯了将结构化 ...
- Android启动icon切图大小
我们在给app切图的时候不知道告诉ui启动图标切多大,其实你新建一个android项目就知道应该切多大了.新建一个项目会产生几种大小的启动图标. 我把各个文件夹下的ic_launcher.png文件都 ...
- MySQL基于时间字段进行分区的方案总结
MySQL支持的分区类型一共有四种:RANGE,LIST,HASH,KEY.其中,RANGE又可分为原生RANGE和RANGE COLUMNS,LIST分为原生LIST和LIST COLUMNS,HA ...
- 利用xinetd进行时间同步
时间同步,往往是大型项目里一个基本的需求:如果现在有多台服务器需要时间同步为标准时间,一般有如下两种做法: 一:NTP服务 将一台能上外网的服务器配成公网时间服务器(譬如:ntp服务配置文件中的0.r ...
- 【记录】T-SQL 分组排序中取出最新数据
示例 Product 表结构: 示例 Product 表数据: 想要的效果是,以 GroupName 字段分组,取出分组中通过 Sort 降序最新的数据,通过示例数据,可以推算出结果数据的 ID 应该 ...