Maison > interface Web > js tutoriel > Explication détaillée de l'ajout d'instances de données dans jQuery EasyUI

Explication détaillée de l'ajout d'instances de données dans jQuery EasyUI

小云云
Libérer: 2017-12-27 10:35:17
original
2018 Les gens l'ont consulté

Cet article présente principalement des informations pertinentes sur les exemples d'ajout de données dans EasyUI développés par jQuery. J'espère que cet article pourra aider tout le monde à comprendre et à maîtriser cette partie du contenu. J'espère qu'il pourra s'y référer. aider tout le monde.

JQuery a développé un exemple EasyUI d'ajout de données

Créer une barre d'outils :


toolbar:[{
  text:'增加',
  iconCls:'icon-add',
  handler:function(){
    openAddUserDialog();
  }
}]
Copier après la connexion

2. Ajoutez une boîte de dialogue contenant un formulaire pour ajouter des utilisateurs


<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>
Copier après la connexion

3. :


function openAddUserDialog(){
  $(“#addDialog").dialog(&#39;open&#39;);
}
Copier après la connexion

4.json renvoyé par le serveur


//返回的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;
  }

}
Copier après la connexion
Recommandations associées :


La fonction paresseuse de PHP ajoute automatiquement des données

Méthode C# pour mettre à jour et ajouter des données au tableau Excel à l'aide d'Ado.Net

Exemple de partage de résumé des compétences de développement jQuery EasyUI

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal