この記事では主に jQuery で開発された EasyUI でのデータ追加の例についての関連情報を紹介します。この部分を理解して習得するのに役立つことを願っています。 。
データを追加する jQuery 開発 EasyUI の例
1. ツールバーを作成します:
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>
function openAddUserDialog(){ $(“#addDialog").dialog('open'); }
4サーバーによって返されます。 Excelテーブルにデータを追加する方法
jQuery EasyUIの共有例 開発スキルまとめ
以上がjQuery EasyUIでのデータインスタンスの追加の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。