jquery easyui datagrid 如何批量添加？？？

你做个for循环呗！每循环一次添加一行，想添加多少就循环多少次！

解决方案 »

  1.   

    求教代码？？？？<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Context Menu on DataGrid - jQuery EasyUI Demo</title>
    <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../../themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../demo.css">
    <script type="text/javascript" src="../../jquery.min.js"></script>
    <script type="text/javascript" src="../../jquery.easyui.min.js"></script>
    </head>
    <body>
    <h2>Context Menu on DataGrid</h2>
    <p>Right click on the header of DataGrid to display context menu.</p>
    <div style="margin:20px 0;"></div>
    <table id="dg"></table>
    <script type="text/javascript">
    $(function(){
    $('#dg').datagrid({
    url: 'datagrid_data1.json',
    method: 'get',
    title: 'Context Menu on DataGrid',
    iconCls: 'icon-save',
    width: 700,
    height: 250,
    fitColumns: true,
    singleSelect: true,
    columns:[[
    {field:'itemid',title:'Item ID',width:80},
    {field:'productid',title:'Product ID',width:120},
    {field:'listprice',title:'List Price',width:80,align:'right'},
    {field:'unitcost',title:'Unit Cost',width:80,align:'right'},
    {field:'attr1',title:'Attribute',width:250},
    {field:'status',title:'Status',width:60,align:'center'}
    ]],
    toolbar:[{
    iconCls: 'icon-add',
    handler:function(){
    for(var i=0;i<5;i++){
    $('#dg').datagrid('appendRow',{
    itemid: '',
    productid: '',
    listprice: '',
    unitcost:'',
    attr1:'',
    status:''
    });
    }
    }
    }]
    });
    });
    </script>
    </body>
    </html>