附錄\G.RWD元件屬性\RWDDataGrid

RWDDataGrid

用於以表格形式顯示資料

http://www.infolight.com/WebClient/chm/(5)EEP2012-JQuery/(5)eep2012-jquery.files/image371.jpg屬性

名稱

類型

説明

ID

string

元件名稱,用於識別該元件

RemoteName

string

元件連接的資料源

Columns

Collection

Grid中顯示的欄位
Columns中的屬性請參考JQGridColumn説明

WhereStr

string

固定的過濾條件,如:一開始表單不顯示出資料可以設為1=0

AutoApply

bool

是否自動存檔

ConfirmDelete

bool

是否刪除時跳出確認視窗

DuplicateCheck

bool

是否存檔時檢測重複性

EditOnEnter

bool

是否選中Grid當前筆資料即進入編輯狀態

ToolItems

Collection

用於設定Grid上的新增、修改、刪除等按鈕,請參照JQToolItem屬性設定

ToolItemPosition

string

用於設定ToolItem位於頂部或底部

ViewCommandVisible

bool

是否在grid前顯示瀏覽按鈕

EditCommandVisible

bool

是否在grid前顯示修改按鈕

DeleteCommandVisible

bool

是否在grid前顯示刪除按鈕

AUD_Detect

bool

是否讀取選單的快速新增/編輯/刪除權限控制

ColumnHidable

bool

是否開放讓User自行決定哪些欄位要隱藏不顯示,哪些欄位要顯示,並會按User個人習慣自動保存此設定。

EditForm

string

編輯的DataForm元件ID

ParentObject

string

MasterDetail時,設定detail對應的Master顯示的元件ID

TargetObject

string

可針對其他DataGridDataForm作連動

WhereItems

Collection

搭配TargetDataGrid使用,可對TargetDataGrid做條件過濾

TotalMode

string

計算的模式(all代表計算全部資料、page代表只計算當前頁)

ShowColumnTitle

bool

在小屏幕時是否顯示標題文字

AutoQueryColumn

bool

自動在Grid上產生textBox提供欄位的查詢

QueryColumns

Collection

用於設定Grid的查詢欄位,請參考JQQueryColumn屬性設定

QueryMode

enum

Dialog表示打開新窗口顯示查詢條件欄位,Panel表示在Grid上方直接顯示查詢條件欄位,Fuzzy表示在Grid上方直接顯示模糊查詢條件欄位

QueryTitle

string

查詢視窗標題

QueryColumnsCount

int

查詢的水平欄位數,預設為1

ShowCheckbox

bool

是否顯示多選框

RecordLock

bool

是否做紀錄鎖定

Pagination

bool

是否分頁

RowNumbers

bool

每一列前面是否要顯示編碼

ReportName

string

選擇Report,可以用來搭配印表時的格式

PageSize

Int

預設分頁筆數,此值需要在PageList

PageList

Int

控制分頁顯示的資料筆數,設定除了10以外,例如:20,30,50,100 讓使用者來選擇。

Title

string

Grid顯示標題

Height

Int

Grid高度,不設定時代表自動高度(預設)

RowStyler

string

資料列的樣式

OnBeforeLoad

string

Grid載入前,調用的js方法名稱

EX:
function dgMaster_onBeforeLoad(param)

{

    var user = $.getVariableValue('user'); 

    param.whereStr = "交辦人 = '" + user + "' or 待辦人='" + user + "'"; 

}

OnLoad

string

Grid載入完成時,調用的js方法名稱

OnLoadError

string

Grid載入報錯時,調用的js方法名稱

OnSelect

string

在選中資料時,調用的js方法名稱

EX:

function dgMaster_onSelect(index, row)

{

    $('#dfMaster').form('setWhere',  "客戶編號=" + row.客戶編號);

}

OnInsert

string

在資料準備新增時,調用的js方法名稱

OnUpdate

string

在資料準備修改時,調用的js方法名稱

OnDelete

string

在資料準備刪除時,調用的js方法名稱

OnDeleted

string

在資料刪除後,調用的js方法名稱

OnQuery

string

在資料查詢時,調用的js方法名稱

OnImportExcelSuccess

string

在成功匯入Excel時,調用的js方法名稱

OnShowEditor

string

(僅限於在DataGrid上直接編輯)時,調用的js方法名稱

OnEndEdit

string

控制DataGrid結束編輯時,調用的js方法名稱

OnTotal

string

控制DataGrid上有加總欄位時,加總計算完成調用的js方法名稱
EX:

function dgMaster_onTotal(totalRow, row)

{

    let total_result = JSON.stringify(totalRow);

        $.alert(total_result,'info');

}

Bordered

bool

是否要有外框線

Hover

bool

游標在資料上是否有動畫效果

Striped

bool

是否條紋顯示奇偶行

Condensed

bool

是否讓表格排版更緊湊

Xsblock

bool

在小屏幕時顯示成TableGrid樣式

Simple

bool

在寬屏時只顯示一個row command

ChatDetect

bool

是否要搭配ChatUx功能

Top of Page