验证规则

onvalidation="onPhoneValidation"

//身份证号验证规则
function onIDCardsValidation(e){var exp = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;if (e.isValid) {if (!exp.test(e.value)) {e.errorText = "必须输入15~18位数字";e.isValid = false;}}
}// 手机号验证规则
function onPhoneValidation(e){var exp = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;if (e.isValid) {if (!exp.test(e.value)) {e.errorText = "请输入正确的手机号";e.isValid = false;}}
}

布局

mini-fit高度撑满布局控件。它的高度为：父元素高度 - 其他同级元素高度。

<div class="mini-fit">该div将撑满整个页面的高度
</div>

mini-splitter分隔容器

<div class="mini-fit"><!-- 此时下面的两个div将水平分隔 --><!-- 但此时splitter内容的宽只是两个div根据自己内容确定的宽度的和 --><div class="mini-splitter"><div size="30%">该div将占据左边30%的宽</div><div>该div将占据剩下的70%的宽</div></div>
</div>

<div class="mini-fit"><!-- 设置style，使splitter的内容区域横向和纵向都充满整个父容器 --><div class="mini-splitter"  style="width: 100%;height: 100%;"><div size="30%">该div将占据左边30%的宽</div><div>该div将占据剩下的70%的宽</div></div>
</div>

<div class="mini-fit"><!-- 设置style，使splitter的内容区域横向和纵向都充满整个父容器 --><div class="mini-splitter" style="width: 100%;height: 100%;"><div size="30%"><!-- 这里也需要设置style以充满父容器 --><div class="mini-panel" title="第一个panel" style="width: 100%;height: 100%">该panel</div></div><div>该div将占据剩下的70%的宽</div></div>
</div>

<div class="mini-fit"><!-- 设置style，使splitter的内容区域横向和纵向都充满整个父容器 --><div class="mini-splitter" style="width: 100%;height: 100%;"><div size="30%"><!-- 如果需要纵向分隔，可以设置vertical="true" --><!-- 默认情况下还是根据内容来计算宽高 --><div class="mini-splitter" vertical="true" ><div size="50%"><!-- 这里也需要设置style以充满父容器 --><div class="mini-panel" title="左边第一个panel" style="width: 100%;height: 100%">该panel</div></div><div><!-- 这里也需要设置style以充满父容器 --><div class="mini-panel" title="左边第二个panel" style="width: 100%;height: 100%">该panel</div></div></div></div><div>该div将占据剩下的70%的宽</div></div>
</div>

<div class="mini-fit"><!-- 设置style，使splitter的内容区域横向和纵向都充满整个父容器 --><div class="mini-splitter" style="width: 100%;height: 100%;"><div size="30%"><!-- 设置style以充满父容器 --><div class="mini-splitter" vertical="true" style="width: 100%;height: 100%;"><div size="50%"><!-- 这里也需要设置style以充满父容器 --><div class="mini-panel" title="左边第一个panel" style="width: 100%;height: 100%">该panel</div></div><div><!-- 这里也需要设置style以充满父容器 --><div class="mini-panel" title="左边第二个panel" style="width: 100%;height: 100%">该panel</div></div></div></div><div>该div将占据剩下的70%的宽</div></div>
</div>

miniUi常用方法相关推荐

miniui影响css样式,MiniUI操作input下拉框和datagrid的基础
最近因为工作需要,经常和miniui打交道,发现虽然网上有提供案例和完整api,但是有些细节的地方没有详细的解析,这里将最近用到的比较实用的东西整理出来(部分内容参照了miniui的官方api): 1 ...
30 个 php 操作 redis 常用方法代码例子
这篇文章主要介绍了 30 个 php 操作 redis 常用方法代码例子 , 本文其实不止 30 个方法 , 可以操作 string 类型. list 类型和 set 类型的数据 , 需要的朋友可以 ...
SearchRequestBuilder常用方法说明
SearchRequestBuilder常用方法说明 (1) setIndices(String... indices):上文中描述过,参数可为一个或多个字符串,表示要进行检索的index:(2) s ...
3-RACSignal 常用方法
RACSingal的常用方法一基本使用 1map // 0 创建信号提供者// RACSubject,既能发送信号,又能订阅信号// 多用于代理,相当于OC里的delegate或者回调blockR ...
AJAX 一些常用方法
AJAX 一些常用方法 abort() 停止当前请求 getAllResponseHeaders() 返回包含HTTP请求的所有响应头信息,其中响应头包括Content-Length,Date,URI ...
OC基础第四讲--字符串、数组、字典、集合的常用方法
OC基础第四讲--字符串.数组.字典.集合的常用方法字符串.数组.字典.集合有可变和不可变之分.以字符串为例,不可变字符串本身值不能改变,必须要用相应类型来接收返回值:而可变字符串调用相应地方法后, ...
vue——props的两种常用方法
vue--props的两种常用方法 1.实现父-->子的通信举例如下: 父组件 parent.vue <children :channel="object1"> ...
C#中静态方法的运用和字符串的常用方法（seventh day)
又来到了今天的总结时间,由于昨天在云和学院学的知识没有弄懂,今天老师又专门给我们非常详细地讲了一遍,在这里非常谢谢老师.O(∩_∩)O 话不多说,下面就开始为大家总结一下静态方法的运用和字符串的常用方 ...
考考基础部分，谈谈Java集合中HashSet的原理及常用方法
点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试文章作者:工匠初心 cnblogs.com/LiaHon/p/1125 ...

miniUi常用方法

验证规则

布局

miniUi常用方法相关推荐

最新文章

热门文章