grid

grid

  BlogJava :: 首页 :: 联系 :: 聚合  :: 管理
  78 Posts :: 0 Stories :: 62 Comments :: 0 Trackbacks
表单:加载、保存
                
           
           

参考示例表单:加载、保存           


           

创建表单            

只需要一个id即可创建表单对象:

 var form = new mini.Form("#form1");

           

加载表单

$.ajax({
    url: "../data/FormService.aspx?method=LoadData",
    type: "post",
    success: function (text) {
        var data = mini.decode(text);   //反序列化成对象
        form.setData(data);             //设置多个控件数据
    }
});

           

提交表单

//提交表单数据
var form = new mini.Form("#form1");            
var data = form.getData();      //获取表单多个控件的数据
var json = mini.encode(data);   //序列化成JSON
$.ajax({
    url: "../data/FormService.aspx?method=SaveData",
    type: "post",
    data: { submitData: json },
    success: function (text) {
        alert("提交成功,返回结果:" + text);
    }
});
          

清除表单

form.clear();
      

重置表单

form.reset();

           
posted on 2012-09-27 16:08 nikofan 阅读(2690) 评论(2)  编辑  收藏

Feedback

# re: jQuery MiniUI 开发教程 表单控件 表单:加载、保存(二) 2012-10-03 09:48 解决
捣蛋  回复  更多评论
  

# re: jQuery MiniUI 开发教程 表单控件 表单:加载、保存(二) 2015-05-04 17:09 11
11  回复  更多评论
  


只有注册用户登录后才能发表评论。


网站导航: