jQuery Grid Plugin - jqGrid - Topic: Editable grid problem http://www.trirand.com/blog/?page_id=393/help/editable-grid-problem Simple:Press Version 5.7.5.3 elijah on Editable grid problem http://www.trirand.com/blog/?page_id=393/help/editable-grid-problem#p8239 Help http://www.trirand.com/blog/?page_id=393/help/editable-grid-problem#p8239 Hi, tony. Thanks for your remark.

I checked this. addRowData can get 2 arguments:

1) ID of the row

2) Row data as {column_name_0 : value_0, column_name_1 : value_1}

In my case row data is {0:1, 1:"2007-10-01", 2:"200.00", 3:"10.00", 4:"210.00", 5:"note"}

I used the short form of this: [1,"2007-10-01","200.00","10.00","210.00","note"]

addRowData works fine, i see the grid with valid data in it. The problem is that i can't make a cell editable.

]]> Tue, 04 Aug 2009 04:51:48 +0300 tony on Editable grid problem http://www.trirand.com/blog/?page_id=393/help/editable-grid-problem#p8233 Help http://www.trirand.com/blog/?page_id=393/help/editable-grid-problem#p8233 Hello,

Check first the docs how to use the addRowData method

Regards

Tony

]]> Tue, 04 Aug 2009 02:23:29 +0300 elijah on Editable grid problem http://www.trirand.com/blog/?page_id=393/help/editable-grid-problem#p8197 Help http://www.trirand.com/blog/?page_id=393/help/editable-grid-problem#p8197 Hello

I'm trying to make an editable grid. Can somebody tell me please why doesn't this work:

<html>
<head>
    <link rel="stylesheet" type="text/css" href="ui.jqgrid.css" />
    <link rel="stylesheet" type="text/css" href="jquery-ui-1.7.1.custom.css" />
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jquery-ui.js"></script>
    <script type="text/javascript" src="grid.locale-en.js"></script>
    <script type="text/javascript" src="jquery.jqGrid.min.js"></script>
    <script type="text/javascript" src="grid.celledit.js"></script>
    <title>jqGrid</title>
</head>
<body>

<script type="text/javascript">
$(document).ready
(   function()
    {   var grid = $("#jqgrid_0").jqGrid
        (   {   datatype: "clientSide",
                colNames: ["Inv No", "Date", "Amount", "Tax", "Total", "Notes"],
                colModel:
                [   {name:0, index:1, width:100, editable:true},
                    {name:1, index:2, width:100, editable:true},
                    {name:2, index:3, width:100, editable:true},
                    {name:3, index:4, width:100, editable:true},
                    {name:4, index:5, width:100, editable:true},
                    {name:5, index:6, width:100, editable:true}
                ],
                rowNum: 10,
                viewrecords: true,
                caption: "My first grid",
                pager: $('#jqgrid_pager_0'),
                editurl: "http://google.com",
                cellEdit: true
            }
        );
        grid.addRowData(1, [1,"2007-10-01","200.00","10.00","210.00","note"]);
        grid.addRowData(2, [2,"2007-10-01","200.00","10.00","210.00","note"]);
        grid.addRowData(3, [3,"2007-10-01","200.00","10.00","210.00","note"]);
        grid.addRowData(4, [4,"2007-10-01","200.00","10.00","210.00","note"]);
        grid.addRowData(5, [5,"2007-10-01","200.00","10.00","210.00","note"]);
    }
);
</script>

<table id="jqgrid_0" class="scroll"></table>
<div id="jqgrid_pager_0" class="scroll"></div>
<button onclick="$('#jqgrid_0').editCell(3,3)">edit</button>

</body>
</html>

]]> Mon, 03 Aug 2009 04:31:17 +0300