Wijmo UI for the Web
行の削除

wijgrid ウィジェットでは、showDeleteButton オプションを true に設定することで、行を簡単に削除できます。デフォルトでは、このオプションは false に設定されています。

スクリプト
コードのコピー
<script id="scriptInit" type="text/javascript">
    require(["wijmo.wijgrid"], function () {
    $(document).ready(function () {
        $("#wijgrid").wijgrid({
            
            allowSorting: true,
            data: [
                [27, 'Canada', 'Adams, Craig', 'RW'],
                [43, 'Canada', 'Boucher, Philippe', 'D', 'R'],
                [24, 'Canada', 'Cooke, Matt', 'LW', 'L'],
                [87, 'Canada', 'Crosby, Sidney (C)', 'C', 'L'],
                [1, 'United States', 'Curry, John', 'G', 'L'],
              
            ],

         columns: [
                { showDeleteButton: true}, // displays delete button with each row.              
                { headerText: "Number",dataType:'number'}, 
                { headerText: " Country",dataType:'string'},
                {headerText:  "Player", dataType:'string'},
                {headerText: " Position", dataType:'string'},
      
            ]
        });
    });
    });
</script>

 

 


Copyright © GrapeCity inc. All rights reserved.