MiniUI Api 方法
接触了一个新项目,前端用的MiniUI,开始很懵逼,不懂为什么要写mini.parse()以及mini.方法名()d的方式都是什么意思。所以我去查看了一下MiniUI的API,整理了一下常见方法。都是来自jQuery MiniUI Api
基础
基础方法(mini全局方法)
Name | Parameter | Description | Return |
---|---|---|---|
mini.parse() |
将html标签解析为miniui控件。 解析后,才能使用mini.get获取到控件对象。 |
||
mini.layout() | 布局调整控件达到合适尺寸。 | ||
mini.get(id) | 根据id获取控件对象 | ||
mini.getByUid(uid) | 根据uid获取控件对象 | ||
mini.getByName(name) mini.getByName(name, parent) |
name: 控件name; parent: 可选。限定获取控件的范围。 |
根据name获取单个控件 | |
mini.getsByName(name) mini.getsbyName(name, parent) |
name: 控件name; parent: 可选。限定获取控件的范围。 |
根据name获取多个控件 | |
mini.formatNumber(number, format) |
number: 数值; format: 数字格式化。 |
格式化数字。 format取值,参考:
|
JSON(我觉得必须知道的方法)
JSON组件。可序列化、反序列化JS对象。
Name | Parameter | Description | Return |
---|---|---|---|
mini.encode ( Object ) | 把JS对象序列化为字符串 | String | |
mini.decode ( json, autoParseDate ) |
{json: String。json字符串。autoParseDate: Boolean。是否自动解析日期字符串为Date类型。 } |
把字符串反序列化为JS对象 | Object |
有人会问mini.encode() 的参数对象从哪里来,这里我们必须还知道两个获取表单数据的方法mini.Form
mini.Form
能批量对多个控件进行赋值、取值、重置、验证、获取错误信息等。
节省大量针对单独控件的操作代码。
加载表单:1)使用ajax获取数据;2)将数据一次性设置给多个控件:form.setData(obj);
保存表单:1)获取多个控件数据:var obj = form.getData();2)使用ajax提交到服务端保存。
你的表单名称是form1则通过
var form = new mini.Form("#form1");表单拿到对象
form.getData();可以拿到表单的数据
<div field="address" name='address' width="100"
headerAlign="center" allowSort="true">地址</div>
提交表单数据:
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); }
});
有提交数据就必然有加载表单数据
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); //设置多个控件数据}
});
通过form.setData(data)实现加载表单数据在表单上
miniUI还有格式化时间的方法
Date
日期类型处理组件。可格式化、解析JS Date对象。
Extend
mini.Control
Usage
Methods
Name | Parameter | Description | Return |
---|---|---|---|
mini.parseDate ( String ) |
String: 特定格式字符串。 支持如下:
|
把字符串转换成Date类型对象。 | Date |
mini.formatDate ( Date, String ) |
Date: 日期类型对象。 String: 格式化字符串。例如:"yyyy-MM-dd HH:mm:ss"。 具体格式说明,请参考下面的“Format”内容。 |
把Date类型转换为字符串 | String |
Format
Name | Description |
---|---|
d | 月中的某一天。一位数的日期没有前导零。 |
dd | 月中的某一天。一位数的日期有一个前导零。 |
ddd | 周中某天的缩写名称 |
dddd | 周中某天的完整名称 |
M | 月份数字。一位数的月份没有前导零。 |
MM | 月份数字。一位数的月份有一个前导零。 |
MMM | 月份的缩写名称。 |
MMMM | 月份的完整名称。 |
y | 不包含纪元的年份。如果不包含纪元的年份小于 10,则显示不具有前导零的年份。 |
yy | 不包含纪元的年份。如果不包含纪元的年份小于 10,则显示具有前导零的年份。 |
yyyy | 包括纪元的四位数的年份。 |
h | 12 小时制的小时。一位数的小时数没有前导零。 |
hh | 12 小时制的小时。一位数的小时数有前导零。 |
H | 24 小时制的小时。一位数的小时数没有前导零。 |
HH | 24 小时制的小时。一位数的小时数有前导零。 |
m | 分钟。一位数的分钟数没有前导零。 |
mm | 分钟。一位数的分钟数有一个前导零。 |
s | 秒。一位数的秒数没有前导零。 |
ss | 秒。一位数的秒数有一个前导零。 |
这是都是常用的方法,适合于新手接触到项目使用miniUI来理解一些方法
MiniUI Api 方法相关推荐
- flash绘图API :flash player11新增的绘图API方法--cubicCurveTo
今天除了更新的3D的api之前,另外在flash Graphics方法当中新增了一个cubicCurveTo的方法,能够使用其进行绘制贝塞尔曲线,奇怪是文档里面对应的flash 版本是12,不知道是不 ...
- 在Eclipse中生成API方法
在Eclipse中生成API方法 百度文库 http://wenku.baidu.com/view/bef8e60c79563c1ec5da714c.html (1)在代码里用javadoc注释 pa ...
- Xcode6 itunes完美打包api 方法
转:http://bbs.csdn.net/topics/390948190 Xcode6 itunes完美打包api 方法! 特点轻盈小巧,方便快捷! 转载于:https://www.cnblogs ...
- (四)Canvas API方法和属性汇总
canvas主要属性和方法 方法 描述 save() 保存当前环境的状态 restore() 返回之前保存过的路径状态和属性 createEvent() getContext() 返回一个对象,指 ...
- api中重载函数的原理_小心重载API方法
api中重载函数的原理 重载方法是API设计中的一个重要概念,尤其是当您的API是流利的API或DSL( 特定于域的语言 )时. 对于jOOQ就是这种情况,在这种情况下,您经常想使用与完全相同的方法名 ...
- php 接口怎么响应,Stripe PHP API方法响应的结构是什么?
我正在进行Stripe集成,我对从 PHP API获得的实际响应感到困惑.我开始相信API参考是准确的,并且响应将是每个方法所示的JSON字符串.我很快发现了显着的差异.大多数情况下,JSON响应中缺 ...
- soap协议_当SOAP遇上REST!一文解读Web服务Web API方法
当SOAP遇上REST!一文解读eb服务和Web API方法 SOAP和REST,也许您已经很熟悉它们,希望扩展您的知识或获取新的观点.或者,也许您听说过它们,并正在寻求更好的理解.毕竟,SOAP和R ...
- 用于将带有查询字符串的复杂对象传递到Web API方法的自定义模型绑定器
目录 介绍 查询复杂对象的字符串字段 使用和测试FieldValueModelBinder类 FieldValueModelBinder如何工作? 获取源字段和值 将字段部分与对象属性匹配 解析枚举类 ...
- js实现全屏与退出全屏,解决F11进入全屏后退出全屏API方法失效(chrome)
js实现全屏与退出全屏,解决F11进入全屏后退出全屏API方法失效(chrome) 解决的问题 谷歌浏览器F11全屏后,在页面中编写的全屏按钮失效 解决方法 //判断是否是全屏状态 var isFul ...
最新文章
- 深入浅出统计学 第二三章 量度
- Python数据分析笔记——Numpy、Pandas库
- 12c表空间不存在_一文看懂Oracle查询表空间的每日增长量和历史情况统计
- fir fpga 不同截止频率_一种新的FIR滤波器系数量化方法
- dubbo全局异常处理_基于spring aop的dubbo异常统一处理
- 【Linux】宝塔Linux面板命令大全
- android长按非控件处,Android常用之Butterknife使用详解
- 常用c语言代码大全,C语言的一些常用代码
- PAT 计算机程序设计能力考试
- 计算机三级 信息安全技术 题纲
- matlab 信号去直流,Speex中的近端信号去直流和预加重操作
- 六轴传感器icm20602的自检和校准学习
- 拉勾网爬取失败?试试这一招
- 以“丰满”形容盛唐气象是误解
- 2023年全国管理类联考英语二真题及解析
- PLC增减计数器示例
- #边学边记 新一代信息技术
- 绝对水题(一些没有被穷举遗忘的角落)
- 如何解决“504 Gateway Time-out”错误
- oracle中的pl SQL,Oracle数据中的PL/SQL介绍