MiniUi总结

1、输入框样式

class="mini-textbox"    //普通输入框
class="mini-password"    //密码输入框
class="mini-textarea"    //文本输入框
lass="mini-datepicker"    //日期选择（value="2010-10-12"）
class="mini-spinner"    //数字框（value="22" minValue="10" maxValue="50"）
class="mini-timespinner"    //时间微调（format="H:mm"）
class="mini-checkbox"    //选择框（value="Y" trueValue="Y" falseValue="N"）
class="mini-combobox"    //下拉选择框（showNullItem="true" url="../data/countrys.txt" textField="text" valueField="id" value="cn"）
class="mini-treeselect"    //树选择框（url="../data/listTree.txt" multiSelect="true" textField="text" valueField="id" parentField="pid" checkRecursive="true"
                            value="ajax"）
class="mini-checkboxlist"    //复选框（repeatItems="3" repeatLayout="flow" url="../data/countrys.txt" value="cn,de,usa" textField="text" valueField="id"）
class="mini-radiobuttonlist"    //单选框（value="en" repeatItems="4" repeatDirection="vertical" repeatLayout="table" url="../data/countrys.txt"
textField="text" valueField="id"）
class="mini-listbox"    //展开的选择框（url="../data/countrys.txt" value="fr" textField="text" valueField="id" style="height:120px;"）

2、输入校验

    
    

    
    
    
    
    


    
表单验证规则总结
      
        

    

        

            
不允许为空：
            

                
            
             
            
required="true"
        
        

            
必须是邮箱地址：
            

                
            
                 
            
vtype="email"
    
        
        

            
必须是URL：
            

                
            
                 
            
vtype="url"
    
        
        

            
必须是整数(int)：
            

                
            
                 
            
vtype="int"
    
        
  
        

            
必须是数字(float)：
            

                
            
               
            
vtype="float"
      
        
  
        

            
字符串长度（<= 6）：
            

                
            
             
            
vtype="maxLength:6"
        
        
  
        

            
字符串长度（>= 2）：
            

                
            
               
            
vtype="minLength:2"
      
        
          
        

            
字符串长度（2-6）：
            

                
            
               
            
vtype="rangeLength:2,6"
      
        
  
        

            
字符数个数（2-6）：
            

                
            
               
            
vtype="rangeChar:2,6"
      
        
 
        

            
数字范围（0-100）：
            

                
            
          
            
vtype="range:0,100"
           
        
  
        

            
必须是日期格式（如yyyy-MM-dd）：
            

                
            
            
            
vtype="date:yyyy-MM-dd"
         
        
 
        

            
必须是日期格式（如MM/dd/yyyy）：
            

                
            
        
            
vtype="date:MM/dd/yyyy"
             
        
   
        

            
邮箱格式，5~20个字符（组合）：
            

                
            
        
            
vtype="email;rangeLength:5,20;"
             
        
   
        

            
必须输入英文（自定义）：
            

                
            
        
            
onvalidation="onEnglishValidation"
             
        
   
        

            
必须输入英文（自定义vtype）：
            

                
            
        
            
vtype="english"
             
        
   
        

            
必须输入英文+数字（自定义）：
            

                
            
        
            
onvalidation="onEnglishAndNumberValidation"
             
        
  
        

            
必须输入中文（自定义）：
            

                
            
        
            
onvalidation="onChineseValidation"
        
   
        

            
身份证验证15~18位（自定义）：
            

                
            
        
            
onvalidation="onIDCardsValidation"
        
   
        

            

            

                
            
        
    

    
    

    

        
Description
        

            
        
        
    

3、表单操作

class="mini-datagrid"
if (form.isValid() == false) return;
var form = new mini.Form("#form1");
var data = form.getData();      //获取表单多个控件的数据
form.setData(data);    //设置控件数据
form.unmask();
form.clear();    //清除表单
form.reset();    //重置表单

4、注意
**4.1、**Miniui中的mini.pause()语句要写，要不然后面的用到mini会失效。
**4.2、**习惯F12看JS是否报错！！！有时间学会调试‘’
**4.3、**页面加载完之后就运行的函数$(function() ，JS的运行顺序是按照HTML中

$(function() {
		//为多记录渲染字典项提供数组容器
		$("#cxJg").data("miniDictData", {});
		kfsglBtn.doQuery();
	})

**4.4、**在html页面中声明全局变量，在其他的js文件中都可以用到

**4.5、**要使用service中得到的值，现在页面开始加载之前使用<%执行java代码，声明变量%>，用<%=%>在html中引用变量

<%  
	String ctx = request.getContextPath();
	String rightid = DTOUtil.getValue("RightID");   //权限id
	String operId=(String)request.getSession().getAttribute("OPERID");  //得到当前操作员id
	IOperator Operator = null;
    Object obj = request.getSession().getAttribute(ConVar.LOGIN_SESSION_ID);
    if(obj != null){  
        Operator = (IOperator)obj;
     }
    String operPosition=Operator.getPOSITION();		//获取当前用户的开发商id
    String operType=Operator.getOperType();  		//获取当前用户的管理员类型
%>

4.6、 JS闭包示例
1、声明一个变量，该变量指定一个函数；
2、声明该变量的_KfsglInit.prototype={函数1，函数2…}
3、建立一个该变量的实例，var kfsglInit = new _KfsglInit();
4、该变量里面所有的函数都实例+函数名进行调用，在该变量函数内部也是通过该方式调用。

var _KfsglInit = function() {};
_KfsglInit.prototype = {
	  fInitialize : function(options) {},
	  fnPageInit : function(){	  
	  },
	  
	  /**
	   * 初始化表格
	   */
	  onActionRenderer: function(e) {
		  var record = e.record;
		  var column = e.column;
		  var rowIndex = e.rowIndex;
		  var id = record.ID;	 
		  var kfsmc = record.KFSMC;
		  if (column.name == 'CZ') {
			  e.cellHtml = ' 查看'
              + ' 修改'
              + ' 删除';
		  }
	  }
};
var kfsglInit = new _KfsglInit();

**4.7、**属性和方法
1、miniui中得到form； var form = new mini.Form("#xtxzForm");
5、miniui中得到form的值 ；var params = form.getData(true);
2、miniui中设置form不可编辑 ；form.setEnabled(false);
3、miniui中得到控件，设置控件是否可以编辑 ；mini.get(“SSKFS”).setEnabled(false);
4、miniui中得到控件，得到控件是否可以编辑 ；mini.get(“SSKFS”).getEnabled();
6、miniui中判断控件是否可以编辑；mini.get(“XTMC”).enabled==false
7、miniui中得到控件，设置控件的值 ；mini.get(“KFSID”).setValue(kfsid);
8、miniui中得到控件，得到控件的值 ；var value=mini.get(“KFSID”).getValue();