Ausführliche Erklärung zum Hinzufügen von Dateninstanzen in jQuery EasyUI

In diesem Artikel werden hauptsächlich relevante Informationen zum Hinzufügen von Daten in EasyUI vorgestellt, die von jQuery entwickelt wurden. Ich hoffe, dass dieser Artikel jedem helfen kann, diesen Teil des Inhalts zu verstehen und zu beherrschen allen helfen.

JQuery entwickeltes EasyUI-Beispiel zum Hinzufügen von Daten

1. Symbolleiste erstellen:

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

2. Fügen Sie einen Dialog hinzu, der ein Formular zum Hinzufügen von Benutzern enthält

<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>

3 :

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

4. JSON vom Server zurückgegeben

//返回的json
public class Json implements java.io.Serializable {

  /**
   * 
   */
  private static final long serialVersionUID = 1L;

  private boolean success = false;

  private String msg = "";

  private Object obj = null;

  public boolean isSuccess() {
    return success;
  }

  public void setSuccess(boolean success) {
    this.success = success;
  }

  public String getMsg() {
    return msg;
  }

  public void setMsg(String msg) {
    this.msg = msg;
  }

  public Object getObj() {
    return obj;
  }

  public void setObj(Object obj) {
    this.obj = obj;
  }

}

Verwandte Empfehlungen:

PHP-Lazy-Funktion fügt automatisch Daten hinzu

C#-Methode zum Aktualisieren und Hinzufügen von Daten zur Excel-Tabelle mithilfe von Ado.Net

Beispiel für die gemeinsame Nutzung einer Zusammenfassung der jQuery EasyUI-Entwicklungsfähigkeiten

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung zum Hinzufügen von Dateninstanzen in jQuery EasyUI. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!