Javascript 提交时在slickgrid中显示表单详细信息

在我的JSP页面中，我有一个需要输入许多详细信息的表单，一旦用户单击submit，我就想在表单下方的网格中将结果显示为一个项目

我使用JSP Scriptlet获取每个细节，并将其分配给slickgrid，下面是执行此操作的代码

<script>
        var grid;
        dataView = new Slick.Data.DataView();
        var columns = [
            {id: "SlNo", name: "SlNo", field: "SlNo"},
            {id: "ItemName", name: "ItemName", field: "ItemName"},
            {id: "PartNo", name: "PartNo", field: "PartNo"},
            {id: "BatchNo", name: "BatchNo", field: "BatchNo"},
            {id: "UnitRate", name: "UnitRate", field: "UnitRate"},
            {id: "Quantity", name: "Quantity", field: "Quantity"},
            {id: "Discount", name: "Discount", field: "Discount"},
            {id: "NetAmount", name: "NetAmount", field: "NetAmount"},
            {id: "TaxRate", name: "TaxRate", field: "TaxRate"},
            {id: "TaxAmount", name: "TaxAmount", field: "TaxAmount"},
            {id: "TotalAmount", name: "TotalAmount", field: "TotalAmount"}
        ];
        var options = {
            enableCellNavigation: true,
            enableColumnReorder: false
        };           
        grid = new Slick.Grid("#myGrid", dataView, columns, options);            
        dataView.onRowCountChanged.subscribe(function (e, args) {
            grid.updateRowCount();
            grid.render();
        });
        dataView.onRowsChanged.subscribe(function (e, args) {
            grid.invalidateRows(args.rows);
            grid.render();
        });
        $('#btnSubmit').click(function() {
            var data = [];
            var i=0;
        <%ERPConnectionManager erpConn = (ERPConnectionManager) session.getAttribute("erpCon");
            ConfirmFunction(request, erpConn);
            ArrayList<SalesRecCdty> listSalesRec = (ArrayList<SalesRecCdty>) session.getAttribute("listval");
            Iterator itrn = listSalesRec.iterator();
            while (itrn.hasNext()) {
                SalesRecCdty salesrec = (SalesRecCdty) itrn.next();
                String itemName = salesrec.getCommName().toString();
                String partNo = "";
                String batchNo = salesrec.getBatchNo();
                String unitRate = String.valueOf(salesrec.getUnitrate());
                String quanity = String.valueOf(salesrec.getReqQty());
                String discount = String.valueOf(salesrec.getDiscount());
                String netAmount = String.valueOf(salesrec.getNetValue());
                String taxRate = String.valueOf(salesrec.getTaxpercent());
                String taxAmount = String.valueOf(salesrec.getTaxtotal());
                String totAmount = String.valueOf(salesrec.getTotalvalue());
        %>
                data[i]={
                    SlNo: i+1,
                    ItemName:"<%= itemName%>",
                    PartNo:"<%= partNo%>",
                    BatchNo:"<%= batchNo%>",
                    UnitRate:"<%= unitRate%>",
                    Quantity:"<%= quanity%>",
                    Discount:"<%= discount%>",
                    NetAmount:"<%= netAmount%>",
                    TaxRate:"<%= taxRate%>",
                    TaxAmount:"<%= taxAmount%>",
                    TotalAmount:"<%= totAmount%>"
                };  
                i++;
        <%
            }
        %>
                // grid = new Slick.Grid("#myGrid", data, columns, options);
                dataView.beginUpdate();
                dataView.setItems(data);
                dataView.endUpdate();
            });
            e.preventDefault();   
            var ajaxdata = $('#cbobxOffice').val();   

            $.ajax({     
                cache: false,
                success: function(data) {     
                }
            });
    </script>        

var网格；
dataView=new Slick.Data.dataView（）；
变量列=[
{id:“SlNo”，name:“SlNo”，字段：“SlNo”}，
{id:“ItemName”，name:“ItemName”，字段：“ItemName”}，
{id:“PartNo”，name:“PartNo”，字段：“PartNo”}，
{id:“BatchNo”，name:“BatchNo”，字段：“BatchNo”}，
{id:“UnitRate”，name:“UnitRate”，字段：“UnitRate”}，
{id:“数量”，名称：“数量”，字段：“数量”}，
{id:“折扣”，名称：“折扣”，字段：“折扣”}，
{id:“NetAmount”，名称：“NetAmount”，字段：“NetAmount”}，
{id:“TaxRate”，名称：“TaxRate”，字段：“TaxRate”}，
{id:“TaxAmount”，名称：“TaxAmount”，字段：“TaxAmount”}，
{id:“TotalAmount”，名称：“TotalAmount”，字段：“TotalAmount”}
];
变量选项={
enableCellNavigation:true，
enableColumnReorder:false
};           
grid=new Slick.grid（“#myGrid”、数据视图、列、选项）；
dataView.onRowCountChanged.subscribe（函数（e，args）{
grid.updateRowCount（）；
grid.render（）；
});
订阅（函数（e，args）{
grid.invalidateRows（args.rows）；
grid.render（）；
});
$（'#btnsupmit'）。单击（函数（）{
var数据=[]；
var i=0；
数据[i]={
SlNo:i+1，
项目名称：“”，
零件号：“，
批次号：“，
单位：“，
数量：“，
折扣：“，
NetAmount:“”，
税率：“，
税额：“，
总金额：“
};  
i++；
//grid=new Slick.grid（“myGrid”，数据、列、选项）；
dataView.beginUpdate（）；
dataView.setItems（数据）；
endUpdate（）；
});
e、 预防默认值（）；
var ajaxdata=$（'cbobxOffice'）.val（）；
$.ajax（{
cache:false，
成功：函数（数据）{
}
});

---

我能够将数据提取到数据数组中。。但是这些行没有显示在网格中，请帮助

@Ghicoding谢谢您纠正我的错误。我很高兴，很抱歉我不能帮你解决问题，我使用PHPinstead@ghiscoding没关系。我把它改正了。我只是将网格放置在一个新页面中并用于显示它。它按我的需要工作得很好