当前位置：文档库 › BUI应用实例

BUI应用实例

?正则表达式：

var Form = BUI.Form;

new Form.Form({
srcNode : '#J_Form'
}).render();

data-tip="{text:'请填写内容！'}"
data-rules="{required:true}"
{required:true,sid:5} 必填并且为5位
{number:true} 必须为数字
{max:100} 最大值为100
最小值：
最小长度：
最大长度：

修改默认提示信息
data-rules="{required:true}" data-messages="{required:'修改默认提示信息 '}"

第一次输入：

第二次输入：

日期值：
邮箱值：
最小日期：
最大日期：
必须选择

表单默认值：placeholder

文本框宽度样式

调整高度
controls control-row1 到 controls control-row9

调整 table 表单高度

红色标注必填
*供应商编码：

最小日期：

最小日期：

最大日期：

加载日历控件

列表元素

选项一

选项二

选项三

按钮组

相关css
.pull-right{float: right;} 右浮动
.pull-left{float: left;} 左浮动
.pull-none{float: none;} 无浮动
.hide{display: none;} 隐藏元素
.show{display: block;} 显示元素
.invisible{visibility: hidden;} 占位隐藏
.bordered{border:1px solid @borderColor;.border-radius(@radius);} 设置圆角边框
.centered{text-align:center;} 元素居中

展开、收起元素

启用、禁用元素

下拉多选

正常文本通篇辅助型中文

批量删除的垃圾桶图标向上偏移得厉害。用 vertical-align: text-bottom 比较好

信息提示:

Tight pants next level keffiyeh you probably

var tips2 = new Tooltip.Tips({
tip : {
trigger : '#t2 a', //出现此样式的元素显示tip
alignType : 'top', //默认方

向
elCls : 'tips tips-notice',
titleTpl : '

{title}

',
offset : 10 //距离左边的距离
}
});
tips2.render();

//--------------
利用.table-striped可以给之内的每一样增加斑马条纹样式。
利用.table-bordered为表格和其中的每个单元格增加边框。
利用.table-hover可以让中的每一行响应鼠标悬停状态。
利用.table-condensed可以让表格更加紧凑，单元格中的内部（padding）均会减半。
将任何.table包裹在.table-responsive中即可创建响应式表格，其会在小屏幕设备上（小于768px）水平滚动。当屏幕大于768px宽度时，水平滚动条消失。

// 使用thinkphp 接收中文参数时, I 不需要过滤 I('参数','默认值','空:不过滤');
//js 不缓存

html_entity_decode html 实体化
strip_tags 函数可以方便地去除 HTML 标签。

EQ 等于（=） equal
NEQ 不等于（<>） not equal
GT 大于（>） greater
EGT 大于等于（>=） equal or greater
LT 小于（<） less than
ELT 小于等于（<=） equal or less than

----------------------
ctrl+d 选词
ctrl+alt+↑ 批量选择
ctrl+shift+a 以等号整理代码
ctrl+j 合并一行
ctrl+p 搜索文件
ctrl+r 定位方法

// jquery 异步上传
var aQuery = $("#T_form").serializeArray();

//alert(aQuery);

$.post("/plan/chuli/jhtj",aQuery,function(data){

alert(data);

});

======================================================
strstr 显示第一次找到，要查找的字符串，以及后面的字符串。
strrchr 显示最后一次找到，要查找的字符串，以及后面的字符串。

$email = 'test@https://www.wendangku.net/doc/4714198728.html,@https://www.wendangku.net/doc/4714198728.html,';
$domain = strstr($email, '@');
echo "strstr 测试结果 $domain
";
$domain = strrchr($email, '@');
echo "strrchr 测试结果 $domain
";

结果如下：

strstr 测试结果 @https://www.wendangku.net/doc/4714198728.html,@https://www.wendangku.net/doc/4714198728.html,
strrchr 测试结果 @https://www.wendangku.net/doc/4714198728.html,

================================================================
strstr是大小写敏感的。
stristr是大小写不敏感的。

复制代码代码如下:
$email = 'zhangYing@https://www.wendangku.net/doc/4714198728.html,';
$domain = strstr($email, 'y');
echo "strstr 测试结果 $domain
";
$domain = stristr($email, 'y');
echo "stristr 测试结果 $domain
";
?>

结果如下：

strstr 测试结果 https://www.wendangku.net/doc/4714198728.html,
stristr 测试结果 Ying@https://www.wendangku.net/doc/4714198728.html,

=============================================================
strstr 是匹配后截取。
substr 是不匹配，根据起始位置，进行截取。

复制代码代码如下:
$email = 'zhangYing@https://www.wendangku.net/doc/4714198728.html,';
$domain = strstr($email, 'y');
echo "strstr 测试结果 $domain
";
$domai

n = substr($email,-7);
echo "substr 测试结果 $domain
";
?>

结果如下:
strstr 测试结果 https://www.wendangku.net/doc/4714198728.html,
substr 测试结果 https://www.wendangku.net/doc/4714198728.html,