原文:FineUI小技巧(2)將表單內全部字段禁用、只讀、設置無效標識

需求描述 對表單內的所有字段進行操作也是常見需求,這些操作有: 禁用:表單字段變灰,不響應用戶動作。 只讀:表單字段不變灰,但不接受用戶輸入 實際上是設置DOM節點的readonly屬性 ,有觸發器的要隱藏起來 設置無效標識:一般用在服務器端驗證失敗的提示信息 界面效果 默認狀態 禁用狀態 只讀狀態 設置無效標識狀態 前台代碼 前台代碼非常直觀,只是一個Form控件外加幾個Button控件,按鈕的 ...

2014-06-23 14:29 25 9248 推薦指數:

查看詳情

如何禁用 radio ,設置只讀,不能選定

如何禁用 radio ,設置只讀,不能選定 禁用 radio ,設置只讀,不能選定: <input name="gender" type="radio" value="1" disabled/> <span >男</span> ...

Wed Dec 09 18:51:00 CST 2015 1 13049
FineUI技巧(4)關閉窗體那些事

前言 FineUI中的Window控件常用作選擇、新增或編輯內容。而關閉Window控件卻有很多技巧,了解這些技巧有助於項目的快速開發。 如何關閉Window控件 第一個問題就是如何關閉Window控件,最明顯的方式就是右上角的關閉圖標了。總的說來,有三種方式: ESC按鍵 ...

Fri Jun 27 18:23:00 CST 2014 16 11160
FineUI技巧(7)多表頭表格導出

前言 之前我們曾寫過一篇文章 FineUI技巧(3)表格導出與文件下載,對於在 FineUI 中導出表格數據進行了詳細描述。今天我們要更進一步,介紹下如何導出多表頭表格。 多表頭表格的標簽定義 在 ASPX 中,我們通過 GroupField 列來定義多表頭,如下所示: <f ...

Tue Nov 18 17:30:00 CST 2014 54 7242
element-ui 設置input的只讀禁用

只讀:readonly 在data里定義:readonly: true, 然后在input框里加上readonly就可以了。 禁用:disabled 在data里定義:edit: true, 然后在input框里加上::disabled="edit"就可以了 ...

Tue Sep 04 02:12:00 CST 2018 0 10402
FineUI技巧(1)簡單的購物車頁面

起因 最初是一位 FineUI 網友對購物車功能的需求,需要根據產品單價和數量來計算所有選中商品的總價。 這個邏輯最好在前台使用JavaScript實現,如果把這個邏輯移動到后台C#實現,則會導致過多的AJAX請求而影響用戶體驗。 最終效果 准備數據 在生成頁面之前 ...

Wed Jun 18 19:12:00 CST 2014 27 20159
FineUI技巧(3)表格導出與文件下載

需求描述 實際應用中,我們可能需要導出表格內容,或者在頁面回發時根據用戶權限下載文件(注意,這里的導出與下載,都是在后台進行的,和普通的一個鏈接下載文件不同)。 點擊按鈕導出表格 由於FineUI 默認支持AJAX,而導出與下載其實是一種破壞AJAX的操作,因為一般的導出代碼如下所示 ...

Tue Jun 24 18:15:00 CST 2014 26 9329
FineUI技巧(6)自定義頁面回發

前言 FineUI中的絕大部分回發事件都是由控件觸發了,比如按鈕的點擊事件,下拉列表的改變事件,表格的排序分頁事件。但有時我們可能會要自己觸發頁面回發,這時就要知道怎么使用 JavaScript 來做了,當然這個過程還是 FineUI 所默認支持的AJAX。 手工調用__doPostBack ...

Tue Jul 01 17:03:00 CST 2014 79 13755
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM