新規行の追加

Wijgrid では、data オプションを使用して、グリッドに行を追加できます。

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

スクリプト	コードのコピー
<script type="text/javascript"> require(["wijmo.wijgrid"], function () { $(document).ready(function () { var employees = [ { ID: 0, Name: "John" }, { ID: 1, Name: "Douglas" } ]; $("#wijgrid").wijgrid({ data: employees, selectionMode: 'singleCell', editingMode: 'cell', }); $('#wijgrid').closest('.wijmo-wijgrid').keydown(function (e) { if (e.which == '2') { $('#wijgrid').wijgrid('beginEdit'); } }); $("#btnAdd").click(function () { var data = $("#wijgrid").wijgrid("data"); data[0].Name = "John"; data.push({ ID: '', Name: " " }); // add a new item $("#wijgrid").wijgrid("ensureControl", true); // refresh wijgrid }); }); }); </script>

スクリプト

コードのコピー

<script type="text/javascript">
 require(["wijmo.wijgrid"], function () {
    $(document).ready(function () {
        var employees = [
            { ID: 0, Name: "John" },
            { ID: 1, Name: "Douglas" }
        ];
        $("#wijgrid").wijgrid({
            data: employees,
            selectionMode: 'singleCell',
            editingMode: 'cell',
            });
        $('#wijgrid').closest('.wijmo-wijgrid').keydown(function (e) {
            if (e.which == '2') {
                $('#wijgrid').wijgrid('beginEdit');
                  }
                     });
                $("#btnAdd").click(function () {
                var data = $("#wijgrid").wijgrid("data");
                data[0].Name = "John";
                data.push({ ID: '', Name: " " }); // add a new item
                $("#wijgrid").wijgrid("ensureControl", true); // refresh wijgrid
            });
        });
});
  </script>