Wijmo UI for the Web
選択モード

wijgrid ウィジェットの selectionMode オプションは、ユーザーが選択モードを変更するためのさまざまなオプションを備えています。 selectionMode オプションは、一度に選択できる対象を、単一または複数のセル、列、行、あるいはセル範囲のいずれかに定義します。デフォルトでは、このオプションは「singleRow（単一行）」に設定されています。これを、「none（なし）」、「singleCell（単一セル）」、「singleColumn（単一列）」、「singleRange（単一範囲）」、「multiColumn（複数列）」、「multiRow（複数行）」、「multiRange（複数範囲）」のいずれかに変更できます。singleRange, multiColumn, multiRow and multiRange.

次のサンプルスクリプトおよびマークアップでは、selectionMode オプションを「singleCell（単一セル）」に設定します。また、wijgrid の左下にドロップダウンボックスを表示して、ユーザーが任意の選択モードを選択できるようにします。

スクリプト
コードのコピー 
<script type="text/javascript">
    $(document).ready(function () {
        $('#wijgrid').wijgrid({
            data: [
                { User_ID: '01', User_FirstName: 'Henry', User_LastName: 'Holt' },
                { User_ID: '02', User_FirstName: 'Mathew', User_LastName: 'McDonald' },
                { User_ID: '03', User_FirstName: 'Crystal', User_LastName: 'Castillo ' },
                { User_ID: '04', User_FirstName: 'Oliver', User_LastName: 'Schwartz ' },
                { User_ID: '05', User_FirstName: 'Betsy', User_LastName: 'Baldwin ' },
                { User_ID: '06', User_FirstName: 'Felix', User_LastName: 'Ford ' }
            ],
            // Setting selection mode
            selectionMode: 'singleCell'
        });
    });
</script>
スクリプト
コードのコピー 
<table id="wijgrid"></table>
<label for="selectionMode">Selection Mode:</label>
<select id="selectionMode" onchange="$('#wijgrid').wijgrid('option', 'selectionMode', $('#selectionMode').val());">
    <option value="none">none</option>
    <option value="singleCell" selected>singleCell</option>
    <option value="singleColumn">singleColumn</option>
    <option value="singleRow">singleRow</option>
    <option value="singleRange">singleRange</option>
    <option value="multiColumn">multiColumn</option>
    <option value="multiRow">multiRow</option>
    <option value="multiRange">multiRange</option>
</select>

 

 

Copyright © GrapeCity inc. All rights reserved.