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