jQuery EasyUI에서 데이터 인스턴스 추가에 대한 자세한 설명

이 글은 jQuery에서 개발한 EasyUI에 데이터를 추가하는 예제에 대한 관련 정보를 주로 소개합니다. 이 부분을 이해하고 숙달하는 데 도움이 되는 글이 필요한 친구들에게 도움이 되었으면 좋겠습니다. . jquory dataing easyui data 협구 :

toolbar:[{
  text:'增加',
  iconCls:'icon-add',
  handler:function(){
    openAddUserDialog();
  }
}]

2를 추가하십시오 대화 상자:

<p id="addDialog" data-options="closed:true,modal:true,title:&#39;addUser&#39;, buttons:[{
  text:&#39;保存&#39;,
  iconCls:&#39;icon-add&#39;,
  handler:function(){
    //addUser();
    $(&#39;#addForm&#39;).form(&#39;submit&#39;,{url:&#39;${rootPath}/user_add.action&#39;,success:function(data){
      var result = JQuery.parseJSON(data);
      if(result.success){
        //$("#datagrid").datagrid(&#39;reload&#39;);
        $("#addDialog").dialog(&#39;close&#39;);
        //把插入的数据添加到最后一行
        //$("#datagrid").datagrid(&#39;appenRow&#39;,result.obj);
        $("#datagrid").datagrid(&#39;insertRow&#39;,{
          index:0;
          row:result.obj//obj里面存了user对象
        });
      }
      $.message.show({
        title:&#39;提示&#39;,
        msg:obj.msg
      });
    }});
  }

}]" class="easyui-dialog">
  <table>
    <tr>
    <th></th>
    <tr/>
  </table>
</p>

4.json이 서버에서 반환됨

function openAddUserDialog(){
  $(“#addDialog").dialog('open');
}

관련 권장 사항:

php 게으른 함수는 자동으로 데이터를 추가합니다

C#은 Ado.Net을 사용하여 업데이트합니다. 그리고 Excel 테이블에 데이터를 추가하는 방법

jQuery EasyUI 개발 기술 요약 공유 예시

위 내용은 jQuery EasyUI에서 데이터 인스턴스 추가에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!