`
nikofan
  • 浏览: 227717 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类

jQuery MiniUI 开发教程 表单控件 表单:加载、保存(二)

阅读更多
表单:加载、保存


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

创建表单

只需要一个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();
0
2
分享到:
评论

相关推荐

    jQuery miniui_php

    你可以使用 `miniui.Form.load` 方法将 JSON 数据填充到表单控件中: ```javascript var formData = { name: "张三", category: "1" }; miniui.Form.load($("#myForm"), formData); ``` ### 5. 清除表单 清除表单...

    jquery miniui

    MiniUI 提供了丰富的 UI 组件,包括表格、表单、树形控件、对话框、按钮、菜单等,极大地简化了前端开发工作,使得开发者可以更加专注于业务逻辑而不是界面展示的细节。 MiniUI 的核心特性在于其轻量级和高效性,...

    jQuery MiniUI

    1. **控件丰富**:MiniUI 包含了一系列常见的Web UI组件,如表格(Grid)、下拉选择框(ComboBox)、日期选择器(DatePicker)、对话框(Dialog)、分页(Pager)、表单(Form)等,这些控件设计精良,易于集成,...

    jquery表单控件美化

    "jquery表单控件美化"是一个专注于提升网页表单用户体验的主题,尤其是在ASP.NET环境下。这个主题的核心是利用jQuery和其他相关技术来改进表单控件的视觉样式和交互体验。 首先,jQuery提供了丰富的插件和库,可以...

    jquery.formautofill 表单填充控件

    **jQuery.formautofill 表单填充控件详解** 在Web开发中,处理表单数据的填充是一项常见的任务。为了提高开发效率和用户体验,开发者们经常寻找自动化解决方案,以简化表单字段的赋值过程。这里我们要介绍的是...

    jQuery MiniUI 3.3

    - **jQuery 基础**:MiniUI 是基于 jQuery 构建的,因此理解 jQuery 的基础操作,如选择器、事件处理、DOM 操作等,是使用 MiniUI 的前提。 - **模块化设计**:MiniUI 遵循模块化设计理念,将各种功能组件独立封装...

    jquery自定义表单控件.rar

    本资源“jquery自定义表单控件.rar”似乎包含了一个关于如何利用jQuery来创建自定义表单组件的教程或代码示例。在网页开发中,自定义表单控件能够提升用户体验,使界面更具吸引力且更符合项目需求。 “JS特效-表单...

    jquery miniui 3.0

    1. **组件丰富**:MiniUI 提供了诸如表格(Grid)、表单(Form)、按钮(Button)、对话框(Dialog)、下拉菜单(ComboBox)、树形控件(Tree)等常见 Web UI 组件,覆盖了日常开发中的大部分需求。 2. **数据绑定*...

    基于JQueryEasyUI类库的WebForm控件库

    总结,基于JQueryEasyUI的WebForm控件库为.NET开发者提供了一个强大的工具集,简化了WebForm开发过程,提高了开发效率。通过深入理解并熟练运用这个控件库,开发者可以创建出既美观又功能强大的Web应用程序。同时,...

    jquery自定义表单控件.zip

    本压缩包“jquery自定义表单控件.zip”聚焦于利用jQuery来创建自定义的表单元素和交互功能,这对于提升用户界面的体验和一致性至关重要。 首先,我们来了解一下jQuery如何帮助我们处理表单控件。在HTML5中,虽然...

    jquery时间控件时分秒

    而"jquery时间控件时分秒"是jQuery的一个扩展插件,用于创建用户友好的时间选择器,帮助用户方便地输入或选择时间,通常用于表单中的时间输入字段。这种控件在许多场合都非常实用,比如预订系统、日程安排或时间跟踪...

    JQuery 时间控件、日期控件

    本主题将深入探讨jQuery中的时间控件和日期控件,这些组件在创建交互式用户界面时非常有用,特别是在处理表单输入或日历功能时。 1. **jQuery UI Datepicker** jQuery UI 提供了一个名为 "Datepicker" 的插件,它...

    jquery获取表单值

    本文将详细讲解如何使用jQuery来获取不同类型的表单控件(如文本框、文本域、单选按钮、复选框、下拉列表)的值。 #### 一、获取表单控件的值 ##### 1. 获取文本框(`<input type="text">`)的值 文本框是最常见...

    jquery 表单设计器

    "jquery自定义表单控件"这个文件名暗示了压缩包可能包含了一些自定义的jQuery表单控件源代码或示例。这可能包括额外的JavaScript文件(用于实现特定功能的控件)和CSS文件(用于样式化这些控件)。开发者可以参考...

    Jquery 的表单验证控件

    在这个场景中,我们将深入探讨JQuery中的表单验证控件,尤其是`jQuery的表单校验插件validate`。 `jQuery Validate`插件是jQuery的一个官方扩展,用于实现客户端的表单验证。这个插件提供了丰富的选项和方法,使得...

    LigerUI是基于jQuery开发的一系列控件组

    2. **表单控件**:LigerUI提供了各种表单控件,如文本输入框、下拉选择框、复选框、单选按钮等,还支持验证功能,确保用户输入的数据符合预设规则。这些控件可以通过简单的配置实现丰富的样式和行为。 3. **布局...

    Jquery开发UI模板

    1. **轻量级**:MiniUI 依赖于 jQuery,体积小巧,加载速度快,减少了页面的加载时间。 2. **组件丰富**:提供了包括表格、表单、按钮、下拉菜单、对话框、树形结构等多种常见的 Web 组件,满足各种业务需求。 3. **...

    练习-基于jquery的表单验证控件

    自己写的一个练习,基于jquery的表单验证控件,主要功能都有,但不很完整. 用法是在需要验证的input标签里加 validate 属性,内容是JSON格式的 比较简单,大家有需要可以拿去免费送,欢迎评论. 这个链接有图片效果和主要...

    jQuery表单动画切换效果.zip

    在本项目"jQuery表单动画切换效果.zip"中,我们主要关注的是如何使用JavaScript的jQuery库来实现动态、吸引人的表单切换效果。这个压缩包包含了一些关键文件,包括HTML页面(index.html、register.html、forgot_...

Global site tag (gtag.js) - Google Analytics