jQWidgets Forums

This topic contains 1 reply, has 2 voices, and was last updated by admin 1 year, 7 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

del row! Posts

September 13, 2023 at 9:23 am del row! #133598

my_2000

Participant

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxinput.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxdata.js"></script> 
    <script type="text/javascript" src="jqwidgets/jqxgrid.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxgrid.selection.js"></script> 
    <link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" />
</head>
<div id="grid"></div><p>
<input type="button" id="clickme" value="clickme">
<script type="text/javascript">
    $(document).ready(function () {
    	$("#clickme").jqxButton({ width: 120, height: 40 });
    	$("#clickme").on('click', function ()
            {
	            var row = {};
	            var rowscount = $("#grid").jqxGrid('getdatainformation').rowscount;
	            row["id"] = parseInt(rowscount)+1;
	            var commit = $("#grid").jqxGrid('addrow', null, row);
            }
        );
        var source =
        {
            localdata: "",
            datatype: "local",
            datafields:
            [
                { name: 'id', type: 'int' }
            ]
        };
        var dataAdapter = new $.jqx.dataAdapter(source);
        $("#grid").jqxGrid(
        {
            width: '230',
            source: dataAdapter,
            autoheight: true,
            columns: [
              { text: 'ID', datafield:'id', width: '150', align: 'center'},
              { text: 'del', datafield: 'del', align: 'center', width: '80', columntype: 'button', cellsrenderer: function () {
                 return "del";
                }, buttonclick: function (row) {
                   $("#grid").jqxGrid('deleterow', row);
              }}
            ]
        }); 
    })
</script>

If you delete from the maximum number, there is no problem. If you delete all data from the first number, an error will be reported！don’t post jsfiddle!!!

September 13, 2023 at 5:46 pm del row! #133604

admin

Keymaster

Hi,

The “deleterow” expects an id, not an index.

const id = $("#grid").jqxGrid('getrowid', row);
$("#grid").jqxGrid('deleterow', id);

Hope this helps.

Regards,
Peter

Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.