接着上一節介紹控件拖放的設計。 通過前面的介紹知道,我們的區域類型的容器控件有三種:Card、Table、Mixed。 Card 可以支持幾乎所有的常用控件,包括:文本TextField、多文本TextArea、數字NumberField、金額NumberField、日期 ...
看過之前設計器截圖的朋友應該有印象,可能會發覺我們的設計器UI設計布局其實類似Visual studio 的設計界面,采用的是左 中 右三個區域布局。左側為控件區域 中間為表單的畫布設區域 右側為屬性區域。這樣的UI設計肯定就得支持控件的拖拽設計,用戶只要拖放一個控件到我們的畫布上,那么畫布就應該立即能夠看到我們拖放的控件在畫布中的位置 大小 以及一些控件自帶的默認信息。不用說這樣的設計對於用戶 ...
2015-01-24 23:24 12 3870 推薦指數:
接着上一節介紹控件拖放的設計。 通過前面的介紹知道,我們的區域類型的容器控件有三種:Card、Table、Mixed。 Card 可以支持幾乎所有的常用控件,包括:文本TextField、多文本TextArea、數字NumberField、金額NumberField、日期 ...
這一節介紹表單設計器的常用控件的設計。 在前面兩章節的附圖中我已經給出了表單控件的兩大分類:區域控件、常用控件。這里對每個分類以及分類所包含的控件的作用進行一一的介紹,因為它們很重要,是表單設計器的基本元素,更是核心組成部門。 一、區域控件,它主要包含三個類型的控件:卡片區域、表格 ...
前面一節介紹了表單設計器的背景和最終的大概樣式,本節主要介紹表單設計器的需求及功能設計。 在講需求之前先明確幾個常用的概念: 主表或者卡片表——具有多行多列的一個區域的控件塊,如下圖所示。 明細表——就是常用的表格類型的控件塊,表頭信息就確立了該列的數據類型,如下圖所示 ...
由於這樣工作和自身的一些原因很長一段時間沒有寫過博客了。最近想把自己前面一段時間搞出的一個表單設計器的相關經驗或者經歷記錄下來、分享給大家,也算是對自己前2個月的一個總結回顧吧。 首先介紹一下開發此版本的表單設計器的原因及背景。該項目是公司為中國某大型國有企業開發網上經費報銷系統,主要 ...
基於Extjs的web表單設計器 第三節——控件拖放 基於Extjs的web表單設計器 第四節——控件拖放 ...
基於Extjs的web表單設計器 基於Extjs的web表單設計器 第一節 基於Extjs的web表單設計器 第二節——表單控件設計 基於Extjs的web表單設計器 第三節——控件拖放 基於Extjs的web表單設計器 第四節——控件拖放 基於Extjs的web表單設計器 第五節 ...
基於Extjs的web表單設計器 基於Extjs的web表單設計器 第一節 基於Extjs的web表單設計器 第二節——表單控件設計 基於Extjs的web表單設計器 第三節——控件拖放 基於Extjs的web表單設計器 第四節——控件拖放 基於Extjs的web表單設計器 第五節 ...
基於Extjs的web表單設計器 基於Extjs的web表單設計器 第一節 基於Extjs的web表單設計器 第二節——表單控件設計 基於Extjs的web表單設計器 第三節——控件拖放 基於Extjs的web表單設計器 第四節——控件拖放 基於Extjs的web表單設計器 第五節 ...