<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                自定義表單控件 === 表單設計器控件如下圖: ![](https://img.kancloud.cn/2d/c8/2dc8ce8df526c22811031dcbb50cdbff_660x345.png) ### 1.單行輸入框 ![](https://img.kancloud.cn/19/5b/195bc19691a209c2dd0ae0b86f709880_602x383.png) 單行輸入框對應表單的普通輸入框 ![](https://img.kancloud.cn/c5/28/c528d26c3d5e674d2e95bad5bab570fb_330x33.png) 控件名稱:控件的名稱 默認值:表單控件默認值 數據源:表單控件展示數據的數據源 字段:展示數據的數據源字段 數據類型: 普通文本:文本輸入框 郵箱地址:文本輸入框,郵件地址校驗 整數:文本輸入框,整數校驗 小數:文本輸入框,兩位小數校驗 身份證號碼:文本輸入框,身份證號校驗 日期(yyyy-MM-dd):文本輸入框,時間控件(yyyy-MM-dd) 日期(yyyy-MM-dd HH:mm:ss):文本輸入框,時間控件(yyyy-MM-dd HH:mm:ss) 對齊方式:控件頁面對齊方式,左對齊、居中對齊、右對齊 長X寬 &字體大小:設置文本輸入框的長寬和字體的大小 可見性:隱藏 勾選后 文本框type為hidden 校驗規則:文本框的校驗規則 校驗必填:必填校驗有效,勾選后該文本框必須錄入,錄入時進行校驗 ### 2.多行文本框 ![](https://img.kancloud.cn/a0/c2/a0c2a414ceebfe38a1f43d5d7ebd866b_605x401.png) 多行文本框展示效果: ![](https://img.kancloud.cn/16/d2/16d2edc8cb720a3b9d412e9b2787aebf_638x100.png) 控件名稱:控件的名稱 字體大小:設置多行文本框字體的大小 數據源:表單控件展示數據的數據源 字段:展示數據的數據源字段 輸入框樣式:設置多行文本框的寬、高 增強:富文本形式,勾選后多行文本增加富文本編輯器控件 校驗規則:文本框的校驗規則 校驗必填:必填校驗有效,勾選后該文本框必須錄入,錄入時進行校驗 默認值:多行文本默認值 ### 3.下拉菜單 ![](https://img.kancloud.cn/30/79/30794546db3ca1a2e340e0e99c46be83_593x440.png) 下拉框展示效果: ![](https://img.kancloud.cn/5f/0c/5f0cb0045c4af4b193719577c181bdfe_325x42.png) 控件名稱:控件的名稱 控件樣式:設置下拉框字體的寬高 數據源:表單控件展示數據的數據源 字段:展示數據的數據源字段 數據字典:選擇下拉框的數據字典 初始選定:下拉框的默認選擇 校驗規則:文本框的校驗規則 校驗必填:必填校驗有效,勾選后該文本框必須錄入,錄入時進行校驗 列表值:不使用數據字典的話,設置的下拉框列表 ### 4.單選框 ![](https://img.kancloud.cn/29/d1/29d173ab804097390c523210e7955bbe_594x442.png) 單選框展示效果: ![](https://img.kancloud.cn/21/2f/212f786d613c56d23ae97dccebc7100c_260x39.png) 控件名稱:控件的名稱 排列方式:單選項排列方式,橫排、豎排 數據源:表單控件展示數據的數據源 字段:展示數據的數據源字段 數據字典:選擇下拉框的數據字典 校驗必填:必填校驗有效,勾選后該文本框必須錄入,錄入時進行校驗 添加選項:不選擇校驗字典時,在此設置單選框選項 ### 5.復選框 ![](https://img.kancloud.cn/c1/bc/c1bc2868d22e02fb4881806568030360_604x471.png) 復選框預覽效果 ![](https://img.kancloud.cn/a2/db/a2db9a5e068a13300d7cea6db081ce00_244x44.png) 控件名稱:控件的名稱 排列方式:復選項排列方式,橫排、豎排 數據源:表單控件展示數據的數據源 字段:展示數據的數據源字段 數據字典:選擇下拉框的數據字典 校驗必填:必填校驗有效,勾選后該文本框必須錄入,錄入時進行校驗 添加選項:不選擇校驗字典時,在此設置復選框選項 ### 6.列表控件 ![](https://img.kancloud.cn/69/c5/69c5e1a9c741e7406072db03b8a57e93_1108x473.png) 列表控件預覽效果: ![](https://img.kancloud.cn/d9/6e/d96e48112e7c99af30ff98a2058b2e97_1257x206.png) 控件名稱:列表控件名稱 數據源:要展示成列表的數據源 寬:列表的寬度設置 外鍵字段:設置子表作為外鍵的字段 關聯數據源字段:該字段配置自定義表單設置的主表數據源一起使用,該字段為子表外鍵與主表數據源關聯的字段 列表行信息設置: 序號:列展示的順序 表頭:列表表頭信息 類型:列字段展示的控件類型 字段:列展示的數據源字段 長度:列字段展示的控件的長度 單位:列字段展示的控件的單位 數據字典:列字段展示的為下拉框、單選框、復選框時,展示數據字典內容 合計:該列是否是合計列 默認值:列字段展示,添加模式下的默認值 校驗規則:列字段在添加、編輯模式下的校驗規則 隱藏:該列是否隱藏 ### 7.Popup控件 ![](https://img.kancloud.cn/0a/af/0aaf97699d6d71486165d47880831398_595x439.png) 展示效果: ![](https://img.kancloud.cn/d8/3c/d83cfb05b29734c5a8cb66eb879c083a_279x54.png) 點擊選擇 ![](https://img.kancloud.cn/1f/1b/1f1b92e4979b5f8af466a0b0cc59d417_803x465.png) 選擇后: ![](https://img.kancloud.cn/41/84/4184d1d0ec9aafa6ef12ea5ff12bf1b3_269x47.png) 控件名稱:控件的名稱 控件樣式:設置控件寬高 數據源:表單控件展示數據的數據源 字段:展示數據的數據源字段 Popup報表:online報表編碼 校驗規則:列字段在添加、編輯模式下的校驗規則 校驗必填:必填校驗有效,勾選后該文本框必須錄入,錄入時進行校驗 值ID:popup彈出框選擇后填充到控件的字段 值文本:暫時沒有使用 ### 8.Button按鈕控件 ![](https://img.kancloud.cn/da/93/da9318ecdfc62fbfe7c1259f955c88b0_591x435.png) 頁面效果: ![](https://img.kancloud.cn/57/bb/57bb0aaa742ca52da4a93ba73825e220_171x72.png) 控件標題:按鈕顯示的名稱 控件名稱:生成的按鈕name、id屬性的值,可以通過該屬性綁定按鈕事件 (js增增強,jquery給其綁定事件) 控件樣式:按鈕的樣式控制 ### 9.控件校驗規則 ![](https://img.kancloud.cn/7b/23/7b236ae582099bb6211dbe87451cf541_313x94.png) (1)表單校驗規則使用validform表單驗證插件 驗證規則參照validform datatype 規則的使用 (2)該校驗規則下拉框內容再數據字典中維護,若要增加自定義的規則,則需要在數據字典中添加 ![](https://img.kancloud.cn/5c/dd/5cdd8d380e0eca9def64be30a7f2e75f_1041x539.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看