miniui 技术点

miniui 技术点


http://miniui.com/demo/#src=datagrid/pager.html


控制
width： 宽度，%，px
height：高度，px，%好像没用

borderStyle:边框样式。针对datagrid,panel,textbox,combobox等。
style:样式
cls:样式类

enabled:是否禁用控件
visible:是否显示控件

id:控件唯一标识符。
name:控件名称。
tooltip:提示信息


方法：
也可以参数配置对象,事件、样式都要可以写在里面
render:渲染
getHeight ( )
show ( ) 显示控件
hide ( ) 隐藏控件
enable ( ) 启用控件
disable ( ) 禁用控件
focus ( ) 获取焦点
blur ( ) 失去焦点
doLayout ( ) 调整控件布局
addCls ( String ) 增加样式类。
removeCls ( String ) 去除样式类
mask ( options ) 遮罩。
unmask ( ) 取消遮罩


//遮罩。
mini.mask({    el: document.body,
    cls: 'mini-mask-loading',
    html: '数据保存中，请稍等...'
});



//json处理
mini.encode ( Object ) 把JS对象序列化为字符串
mini.decode ( json, autoParseDate ) //autoParseDate: Boolean。是否自动
   


alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
prompt() 显示可提示用户输入的对话框。

mini.loading（message, title）//加载提示框

消息提示框
mini.showTips（options）




mini.alert("已保存!","成功",window.CloseOwnerWindow);
就可以在点击提醒窗口的确定按钮后关闭窗口。














//======================================
datagrid
allowResize="true" //表格可以拖大拖小



表格可以编辑：
allowCellEdit="true"

<div name="groupNo" field="groupNo" headerAlign="center" allowSort="true" width="80" vtype="required;maxLength:20;">技术共性组号
    <input property="editor" class="mini-textbox"/> //要加上这个input 才行
</div>

grid.isChanged()//是否已修改。
grid.validate(); //校验
grid.isValid()//校验是否通过


allowSort="true" //这列允许排序

summaryType="max" //汇总类型



grid.getChanges('added',false);//获得新增行
grid.getChanges('modified',false);//获得修改行 传递true，将只返回修改的字段。


提示错误，并设置为编辑状态
var error = grid.getCellErrors()[0];
grid.beginEditCell(error.record, error.column); //这里的是name不是field
return;

取消全选择
grid.deselectAll();


按什么排序
sortField="orderNo" sortOrder="desc"

grid.sortBy("orderNo", "desc"); //这个会发送到后端，要进行解析

allowSort="true" //用在每列里的排序，只对客户端（列表中的数据进行排序）



//======================================
<a class="mini-button" iconCls="icon-add" onclick="showMessageBoxFun()">自定义提示框(showMessageBox)</a>

iconCls="icon-add" //用于设置图标



//======================================
form
class="mini-textbox"
class="mini-password"
class="mini-textarea"
class="mini-datepicker" //日期
class="mini-spinner" //上下占击加减
class="mini-timespinner"
class="mini-checkbox"


required="true"


validate（）验证表单
isValid（）表单是否验证通过(先调用validate（）)
getErrorTexts（）获取错误文本数组
getErrors（）获取验证错误的控件数组
setIsValid（Boolean） 设置数据验证结果
loading（） 加载遮罩表单区域
unmask（） 取消遮罩
setChanged（Boolean） 设置是否变动
isChanged（） 判断是否变动
setEnabled（Boolean） 设置是否禁用只读
getFields（） 获取表单组件数组










//======================================
事件
onvaluechanged="onValueChanged"
事件名小写加on，方法名onValueChanged后不能加()







//======================================
校验
equired="true"
vtype="url"
vtype="maxLength:6"
vtype="minLength:2"
vtype="rangeLength:2,6"
http://www.miniui.com/demo/#src=form/rules.html


minLengthErrorText="密码不能少于5个字符" //定义的错误信息
requiredErrorText="帐号不能为空"

errorMode="none" //验证失败时，控件将不显示任何错误提示。//用于自定义校验规则


onvalidation="onEnglishValidation" //自定义校验规则
onEnglishValidation(e) //e.errorText就是定义的错误信息


//======================================