SMART datagrid v.1 > Examples

Back  Forward

Check Bar  Example  準備中...

グリッドの各checked状態が持てる。 実行の時間にユーザーはグリッドの左側に表示されるチェックセル達をマウスでクリックしてグリッド行達のchecked状態を変えることができる。 また、checkedに関連した多くのapiプロパティー達とメソッドたちが存在する。 

Grid - 1
rows

trueに指定すればユーザーは一つの行だけ選択することができて、チェックボックスの形もラジオボタンの形に表示される。 

Code -1
    grid.checkBar().setExclusive(ev.target.checked);

グリッド行のチェックの状態は動的スタイルにも使用できる。  

Code -2
    grid.body().setCellDynamicStyles([{
        criteria: 'checked',
        styles: { background: '#3000ff00' }
    }]);

Checkedになった行の目録はGridBase.getCheckedRowsメソッドでわかる。  

Code -3
    var rows = grdMain.getCheckedRows();
    grdMain.deleteRows(rows, true);

グリッド行がchecked状態か知らしたり、 指定された行達をcheck, uncheckするapiもまた存在する。 下のグリッドでテストできる グリッド行のchecked状態はデータセットの値ではなく、グリッド並みで管理する。 つまり、二つのグリッドが同じデータセットに繋がれているが 下の方のグリッドで指定されたchecked状態と上の方のグリッドのchecked状態は別々である。 

Grid - 2
rows

ソースを見る 

See Also
CheckBar
exclusive
checkRow
checkRows
checkAll
getSelectedRows