選択セルの取得

wijgrid ウィジェットでは、the args parameter of cellClicked イベントを使用することで、行番号および列インデックスをフェッチできます。

次のサンプルスクリプトでは、 selectionMode&を「singleCell（単一セル）」に設定し、グリッド要素の index プロパティを使用して、このデータをフェッチします。ユーザーがセルをクリックすると、行および列のインデックスを示す JavaScript アラートが画面にポップアップ表示されます。

ライブウィジェット
スクリプト

スクリプト	コードのコピー
<script type="text/javascript"> $(document).ready(function () { $('#wijgrid').wijgrid({ data: [ ['Ipsum LLC', 63.57, 209, .11, '04-05-2014'], ['Lorem Inc', 74.85, 73, .19, '22-01-2014'], ['Dolor International', 29.86, 45, .20, '07-08-2014'], ['Blandit Enterprises', 81.68, 28, .25, '18-06-2014'], ['Vivamus Services', 76.30, 67, .12, '30-04-2014'] ], columns: [ { headerText: "Product Name", dataType: 'string' }, { headerText: "Unit Price", dataType: 'currency' }, { headerText: "Quantity", dataType: 'number', dataFormatString: 'n0' }, { headerText: "Discount", dataType: 'number', dataFormatString: 'p0' }, { headerText: "Order Date", dataType: 'datetime', dataFormatString: 'dd-MM-yyyy' } ], selectionMode: 'singleCell', cellClicked : function (e, args) { alert('Line:' + args.cell.rowIndex() + 'Column:' + args.cell.cellIndex()); } }); }); </script>

スクリプト

コードのコピー

<script type="text/javascript">
    $(document).ready(function () {
        $('#wijgrid').wijgrid({
           data: [
        ['Ipsum LLC', 63.57, 209, .11, '04-05-2014'],
        ['Lorem Inc', 74.85, 73, .19, '22-01-2014'],
        ['Dolor International', 29.86, 45, .20, '07-08-2014'],
        ['Blandit Enterprises', 81.68, 28, .25, '18-06-2014'],
        ['Vivamus Services', 76.30, 67, .12, '30-04-2014']
            ],
            columns: [
        { headerText: "Product Name", dataType: 'string' },
        { headerText: "Unit Price", dataType: 'currency' },
        { headerText: "Quantity", dataType: 'number', dataFormatString: 'n0' },
        { headerText: "Discount", dataType: 'number', dataFormatString: 'p0' },
        { headerText: "Order Date", dataType: 'datetime', dataFormatString: 'dd-MM-yyyy' }
            ],
            selectionMode: 'singleCell',
            cellClicked : function (e, args) {
            alert('Line:' + args.cell.rowIndex() + 'Column:' + args.cell.cellIndex());
            }
        });
    });
</script>