jquery easyui datagrid pagination не работает с appendRow

Question

Я использую jeasyui datagrid, и я использую разбиение на страницы в течение довольно долгого времени, но в настоящее время требование как таковое я должен добавить данные формы по форме «Добавить данные», нажав кнопку , Каждая вещь работает идеально, ее просто разбиение на страницы, которое не работает с appendRow.

И ниже код, который я использовал. Пожалуйста, помогите, если кто-то там столкнулся с такой же проблемой.

<script type="text/javascript" src="/js/jquery.min.js"></script> 
<script type="text/javascript" src="/js/jquery.easyui.min.js"></script> 
<script type="text/javascript" src= "/js/jquery.datagrid.js"></script> 
<script type="text/javascript" src="/js/datagrid-filter.js"></script> 
<script type="text/javascript" src= "/js/datagrid-bufferview.js"></script> 

<form id="MyUpload" method="post" name="MyUpload" 
     enctype="multipart/form-data" action="<portlet:actionURL/>"> 
<!--some code --> 
<table> 
    <tr> 
     <td> 
      <div align="right">Name</div> 
     </td> 
     <td> 
      <input type="text" name="name" id="name"/> 
     </td> 
     <td> 
      <div align="right" width="180px">Branch</div> 
     </td> 
     <td> 
      <input type="text" name="branch" id="branch"/> 
     </td> 
     <td> 
      <div align="right" width="180px">Order No:</div> 
     </td> 
     <td> 
      <input name="orderNo" id="orderNo" type="text"/> 
     </td> 
    </tr> 
    </table> 
    <table> 
    <tr> 
     <td align="right" colspan="2"> 
     <a id="addId" onclick="HandleBrowseClick();">Add</a> 
     </td> 
    </tr> 
<table> 
    <table> 
    <div> 
     <div style="margin: 10px 0 0 0; border-bottom: none;" class="gridTbl"> 
      <div class="easyui-panel" title="Upload details"> 
       <table id="dg" class="tt" style="width: 980px;" 
        data-options=" 
            singleSelect:true, 
            rownumbers:true, 
            reload:true, 
            pagination:true, 
            view:bufferview, 
            pageSize:10 
          "> 
        <thead> 
         <tr> 
          <th data-options="field:'name',width:100">Name </th> 
          <th data-options="field:'branch',width:100">Branch</th> 
          <th data-options="field:'orderNo',width:100">Order No</th> 
         </tr> 
        </thead> 
       </table> 
      </div> 
     </div> 
    </div> 
    </tr> 
</table> 


</form> 

function HandleBrowseClick() { 

     var name = $("#name").val();        
     var branch= $('#branch').val(); 
     var orderNo = $('#orderNo').val(); 

     $('#dg').datagrid('appendRow', { 
      name : name, 
      branch : branch, 
      orderNo : orderNo 
     }); 
} 

Спасибо, Inayath

Answer 1

Вы должны использовать yoour значения в кавычках, как это:

$('#dg').datagrid('appendRow', { 
     name  : "name", 
     branch  : "branch" 
    }); 

проверка документации здесь: http://www.jeasyui.com/documentation/datagrid.php#usage