이 글은 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:'addUser', buttons:[{ text:'保存', iconCls:'icon-add', handler:function(){ //addUser(); $('#addForm').form('submit',{url:'${rootPath}/user_add.action',success:function(data){ var result = JQuery.parseJSON(data); if(result.success){ //$("#datagrid").datagrid('reload'); $("#addDialog").dialog('close'); //把插入的数据添加到最后一行 //$("#datagrid").datagrid('appenRow',result.obj); $("#datagrid").datagrid('insertRow',{ index:0; row:result.obj//obj里面存了user对象 }); } $.message.show({ title:'提示', 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!