问为什么不能在带有easyui datagrid的表中添加新行

EN

<script type="text/javascript" src="jsui/easyui-1.5.3/jquery.min.js"></script>
<script type="text/javascript" src="jsui/easyui-1.5.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="jsui/easyui-1.5.3/plugins/jquery.datagrid.js"></script>
<script type="text/javascript" src="jsui/easyui-1.5.3/plugins/jquery.edatagrid.js"></script>
<script type="text/javascript" src="jsui/easyui-1.5.3/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript" src="calendar/lhgcore.js"></script>
<script type="text/javascript" src="calendar/lhgcalendar.js"></script>

<div class="table" style="height:100%;width:100%;padding-bottom:50px">
<table id="storInfoTB" border=1px cellspacing=0 style="width:100%" class="easyui-datagrid" data-options=""></table>
</div>

<script> 
$("#storInfoTB").datagrid({
 ..........
 toolbar: [{
   id: "con",   
   text: "<input type=\"text\" id=\"content\" placeholder=\"...\"/>",
      },
      {
        id: "search",   
        text: "search somthing",
        iconCls: "icon-search"                  
      },
      {
        id: "add",  
        text: "add new Row",
        iconCls: "icon-add",
        handler: function(){
          alert("test");
          $("#storInfoTB").edatagrid("addRow",0);
        }
      },
      {
        id: "modify",   
        text: "edit selected Row",
        iconCls: "icon-edit"                    
      },
      {
        id: "delete",   
        text: "delete selected Row",
        iconCls: "icon-cut"                 
      },
      {
        id: "back", 
        text: "return",
        iconCls: "icon-undo"                    
       }],
      ......
    });