ASP.NET Aries 入門開發教程6:列表數據表格的格式化處理及行內編輯

来源:http://www.cnblogs.com/cyq1162/archive/2016/11/19/6079338.html
-Advertisement-
Play Games

前幾篇講完查詢框和工具欄,這節講表格數據相關的操作,詳情如下: ...


前言:

為了趕進度,周末也寫文了!

前幾篇講完查詢框和工具欄,這節講表格數據相關的操作。

先看一下列表:

接下來我們有很多事情可以做。

1:格式化 - 鍵值的翻譯

對於“啟用”列,已經配置了格式化 #是否,已經可以看到效果了。

對於分類ID列,通常顯示的是分類名稱,而不是ID值。

可是分類名稱不在文章表裡,在文章分類表,怎麼關聯格式化呢?

我們有文章分類表:

所以我們寫個下拉配置:

然後在配置表頭裡把它配置上:

效果:

PS:通過自定義語句來翻譯下拉項的註意事項:

1:翻譯項的數量在100以下,至少也是在可以預見的數量級。

2:如果無法預知數量級,則應採用自定義視圖語句,在數據呈現的時候直接就是名稱。

1.1 自定義視圖語句:

新建V_xxx.sql文件在SQLCode目錄下,文件在可以隨意放,但文件名不能出現重覆。

sql里事先關聯好表,取值出文章分類的名稱。

接著:html中的代碼:

 var dg = new AR.DataGrid("V_ArticleList", "Article", "grid");

把objName參數寫為文件的名稱即可。

2:格式化 - 自定義JS函數

對於格式化,除了配置#XXX來格式化鍵值對之外,也可以自定義JS。

系統預設寫了3個函數用於格式化:

stringFormatter : 長度太長時,顯示成...

dateFormatter :顯示成日期

boolFormatter :顯示成Checkbox

示例:

定義了showAries函數,把它配置表標題列里:

效果:

3:格式化 - 鍵值對的二次格式化

如果格式化里用了#XXX配置(就沒辦法自定義寫JS),然後希望二次格式化呢?

效果:

4:樣式格式化

定義一個樣式函數:

把樣式函數配置到配置表頭:

效果:

樣式的格式其實是處理<td style="樣式">內容</td>中的樣式。

這個函數後期可能會考慮取消,因為同樣的效果,格式化的功能也能完成如:

格式化返回:"<div style="width:100%;background-color:#ffee00;color:red;">value</div>"

5:取消寬度自適應

預設,列表的寬度是自適應的,這對於不同的解析度,可以適合不同的顯示器需求。

但有一種情況下,我們希望取消寬度自適應(自適應沒有滾動條):當列很多的時候

控制EasyUI的fitColumns即可。

6:行內編輯 - 開啟:

如果只是簡單的表操作,開啟行內編輯是最省事的做法:

效果:

因為配置了格式化,所以被格式化的會變成下拉的效果。

7:行內編輯 - 指定可編編輯的列:

在配置表頭的編輯項里勾選即可:

8:行內編輯 - 新增指定預設值

預設點添加按鈕時:

比如對分類和標題指定預設值:

PS:為了相容Oracle(預設列表的列頭和數據的欄位名是統一轉小寫處理的)

效果:

9:行內編輯 - 通過某列的值決定其它列的值:

比如當分類的選擇的不同,標題的內容為:分類名稱+標題。

效果:

10:行內編輯 - 新增跳到自定義頁面處理:

這個回到了上一篇:ASP.NET Aries 入門開發教程5:自定義列表頁工具欄區 中的“其它1:"項的內容。

11:主從表:

EasyUI支持主從表,給出思路:

效果:

總結:

這節主要講兩個核心:格式化、行內編輯。

下一節介紹列表的主鍵操作區。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 安裝clamav 之前還需要安裝zlib 要不然安裝過程中會報錯的.tar -zxvf zlib-1.2.3.tar.gzcd zlib-1.2.3./configuremakemake install (zlib 編譯安裝)因為我用源碼包安裝,需要手動創建clamav 用戶groupadd cla ...
  • [1]準備工作 [2]多表更新 [3]兩步更新 [4]連接 [5]無限級表 ...
  • Exercise 1:Linear Regression 實現一個線性回歸 關於如何實現一個線性回歸,請參考:http://www.cnblogs.com/hapjin/p/6079012.html Exercise 2:Logistic Regression 實現一個邏輯回歸 問題描述:用邏輯回歸 ...
  • 在做一個用到ucGUI的項目的時候要用到不定的漢字和英文字元,但是ucGUI本身又不支持讀取晶元外部flash的字型檔來顯示,於是查了下資料,如下: http://www.cnblogs.com/hiker-blogs/archive/2013/01/04/2843538.html 站在巨人的肩膀上, ...
  • 3.1上傳hadoop安裝包 3.2解壓hadoop安裝包 mkdir /cloud #解壓到/cloud/目錄下 tar -zxvf hadoop-2.2.0.tar.gz -C /cloud/ 3.3修改配置文件(5個) 第一個:hadoop-env.sh #在27行修改 export JAVA ...
  • 啟動時按任意鍵暫停啟動 按e進入編輯模式 將游標移動到Linux16的行尾,添加rd.break 按Ctrl+X 啟動 mount –o remount,rw /sysroot chroot /sysroot passwd 設置新密碼 touch /.autorelabel 破解root密碼(cen ...
  • 第一步:在資料庫創建一個存放賬號密碼的表單 第二步:創建一個登入項目 拆分成三層: CS層: BLL層: DAL層: Common層: Web.config: ...
  • 最近在做一個項目,需要用到等待窗體,在DevExpress下麵有SplashScreen控制項可以使用,同時也有ProgressIndicator控制項能用,但是如果沒有用Dev開發的話,我們就需要自定義一個等待窗體了。 首先,把截圖放上來: 實現的功能比較簡單,就是在程式處理 一些耗時比較多的代碼時, ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...