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

小云云
풀어 주다: 2017-12-27 10:35:17
원래의
1960명이 탐색했습니다.

이 글은 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(&#39;open&#39;);
}
로그인 후 복사

관련 권장 사항:

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

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


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


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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!