原文:基于Extjs的web表单设计器 第三节——控件拖放

看过之前设计器截图的朋友应该有印象,可能会发觉我们的设计器UI设计布局其实类似Visual studio 的设计界面,采用的是左 中 右三个区域布局。左侧为控件区域 中间为表单的画布设区域 右侧为属性区域。这样的UI设计肯定就得支持控件的拖拽设计,用户只要拖放一个控件到我们的画布上,那么画布就应该立即能够看到我们拖放的控件在画布中的位置 大小 以及一些控件自带的默认信息。不用说这样的设计对于用户 ...

2015-01-24 23:24 12 3870 推荐指数:

查看详情

基于Extjsweb表单设计 第四——控件拖放

  接着上一介绍控件拖放设计。   通过前面的介绍知道,我们的区域类型的容器控件有三种:Card、Table、Mixed。   Card 可以支持几乎所有的常用控件,包括:文本TextField、多文本TextArea、数字NumberField、金额NumberField、日期 ...

Wed Jan 28 07:43:00 CST 2015 9 4755
基于Extjsweb表单设计 第二——表单控件设计

  这一介绍表单设计的常用控件设计。   在前面两章节的附图中我已经给出了表单控件的两大分类:区域控件、常用控件。这里对每个分类以及分类所包含的控件的作用进行一一的介绍,因为它们很重要,是表单设计的基本元素,更是核心组成部门。   一、区域控件,它主要包含三个类型的控件:卡片区域、表格 ...

Sat Jan 24 06:16:00 CST 2015 8 3555
基于Extjsweb表单设计 第一

  前面一介绍了表单设计的背景和最终的大概样式,本节主要介绍表单设计的需求及功能设计。 在讲需求之前先明确几个常用的概念: 主表或者卡片表——具有多行多列的一个区域的控件块,如下图所示。 明细表——就是常用的表格类型的控件块,表头信息就确立了该列的数据类型,如下图所示 ...

Thu Oct 23 00:23:00 CST 2014 5 2978
基于Extjsweb表单设计

  由于这样工作和自身的一些原因很长一段时间没有写过博客了。最近想把自己前面一段时间搞出的一个表单设计的相关经验或者经历记录下来、分享给大家,也算是对自己前2个月的一个总结回顾吧。   首先介绍一下开发此版本的表单设计的原因及背景。该项目是公司为中国某大型国有企业开发网上经费报销系统,主要 ...

Mon Oct 20 06:41:00 CST 2014 9 5565
基于Extjsweb表单设计 第六——界面框架设计

基于Extjsweb表单设计 基于Extjsweb表单设计 第一 基于Extjsweb表单设计 第二——表单控件设计 基于Extjsweb表单设计 第三节——控件拖放 基于Extjsweb表单设计 第四——控件拖放 基于Extjsweb表单设计 第五 ...

Tue Apr 07 01:38:00 CST 2015 6 3299
基于Extjsweb表单设计 第七——取数公式设计之取数公式定义

基于Extjsweb表单设计 基于Extjsweb表单设计 第一 基于Extjsweb表单设计 第二——表单控件设计 基于Extjsweb表单设计 第三节——控件拖放 基于Extjsweb表单设计 第四——控件拖放 基于Extjsweb表单设计 第五 ...

Sat Apr 25 18:07:00 CST 2015 7 1488
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM