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

这一章主要介绍常用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表单控件最后生成都是服务器控件,具体生成怎样的服务器标签,可以去代码编辑界面=>代码生成结果去看。

时间: 2024-11-17 13:47:19

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

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

我以前的公司使用office sharepoint designer为界面设计器,嵌套各种自定义控件,进行各种管理软件,工作流的开发,遇到比较复杂的逻辑,则采用本地写类库,生成DLL上传到服务器,通过配置动态反射调用,从而能够快速实现各种功能,这种思路真的很不错,开发速度真的很快,几百万的项目一个月就开发完成了.从这个公司出来我就开始琢磨开发一个类似的平台,在偶然的一次看到FreeFrom在线智能表单设计,真的很不错,让我怦然心动,要是能开发一个WEB在线开发的平台,那就更完美了. 于是我开始分

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

上一章讲解了利用CKEditor实现了一个简单的列表功能的查询,CKEditor编辑器是由js实现的,js是一门非常强大的语法,但是要用它实现Vs开发工具那样强大编辑器的功能,估计不可能,这就使得CKEditor实现简单增删改查还可以,如果要实现复杂功能和样式展示效果会很难,所以我利用vs开发工具的集成组件,将CKEditor的开发与vs开发可以无缝对接,实现复杂的功能我们可以拷贝下来,放置vs开发工具中,然后编码实现各种功能. Vs开发工具集成组件如下图: 与CKEditor的工具条控件对应,

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

这章主要讲解利用控件开发列表页面,我们先从最简单的列表页面开始讲解,这个列表只有一个列表展示.具体开发步骤请看下面动态图 由上动态图可以看出,开发一个简单的列表只有两步, 第一步:拖拽查询控件,设置好查询sql 第二步:拖拽列表控件,设置读取的查询控件,绑定好显示的列,即一个列表开发完成. 如果需要添加查询条件,请看下面的动态图. 添加列表查询条件也是分为两步: 第一步:使用工具条中的快速布局按钮,该按钮主要是为了减少拖拽文本,下拉列表,单选框,复选框而出现的,设置查询列表中的查询条件 第二步:

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

上一章简约的介绍了CkEditor编辑器,可以编辑js逻辑代码,css,html,C#代码,这章我根据实际例子,讲解怎么编写C#代码和怎么调用它. 大家都还记得刚刚接触程序编时的hello Word吧,首先我来介绍在编辑器上写了返回“hello Word”的C#方法,让后怎么去调用返回对应hello Wrod方法,具体代码如下: 运行预览效果如下图 页面加载之后就弹出了hello world对话框.证明获取到了我们写返回字符串. 注意编辑C#代码 并可以用ajax调用,C#代码方法必须要有一定的

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

这一节介绍表单设计器的常用控件的设计. 在前面两章节的附图中我已经给出了表单控件的两大分类:区域控件.常用控件.这里对每个分类以及分类所包含的控件的作用进行一一的介绍,因为它们很重要,是表单设计器的基本元素,更是核心组成部门. 一.区域控件,它主要包含三个类型的控件:卡片区域.表格区域.混合区域.这三个控件是我们的其他控件的容器或者叫包装器,相当于VS里面的各种Panel.它们很重要,每种区域控件的作用都不一样,能够包含的控件类型也不大一样,它们三个区域相互配合使用,可以为我们的表单提供强大的支

通达OA 小飞鱼工作流在线培训教程(八)常用表单控件

本次课程主要内容就是介绍平常使用最多的几个表单控件,包括单行输入框.多行输入框.单选按钮.多选按钮.下拉菜单.日历选择控件.人员选择控件.通过实际的操作演示来讲解各个控件的用法与差异,达到熟练掌握这些控件的目的. 版权声明:本文为博主原创文章,未经博主允许不得转载.

前端基于react,后端基于.net core2.0的开发之路(1) 介绍

文章提纲目录 1.前端基于react,后端基于.net core2.0的开发之路(1) 介绍 2.前端基于react,后端基于.net core2.0的开发之路(2) 开发环境的配置,注意事项,后端数据初始化 3.前端基于react,后端基于.net core2.0的开发之路(3) 各个技术栈配置和说明 4.前端基于react,后端基于.net core2.0的开发之路(4) 前端路由,模型,服务的说明 5.前端基于react,后端基于.net core2.0的开发之路(5) 配置node层,s

前端基于react,后端基于.net core2.0的开发之路(2) 开发环境的配置,注意事项,后端数据初始化

前端环境配置 项目介绍文章:前端基于react,后端基于.net core2.0的开发之路(1) 介绍 1.VSCode安装 下载地址:https://code.visualstudio.com/Download 2.node下载 下载地址:https://nodejs.org/en/ V8.9.1版本下载 3.cnpm安装 在安装完node后,npm默认就安装了,因为某种原因,npm下载组件包的速度太慢了,所以需要安装cnpm 安装命令 npm install -g cnpm --regist

7Python全栈之路系列之Django表单

Python全栈之路系列之Django表单 从Request对象中获取数据 HttpRequest对象包含当前请求URL的一些信息: 熟悉/方法 描述 例如 request.path 除域名以外的请求路径 /hello/ request.get_host() 访问的域名 127.0.0.1:8000" or www.example.com request.get_full_path() 请求路径,可能包含查询字符串 /hello/?print=true request.is_secure() 是