来源: 互联网  发布时间: 2014-02-18

jquery mobile中的表单验证
  在jquery mobile中,在对某个表单的验证上,可以依然使用jquery-validation框架,
反正都是一家的,具体例子如下:

1)使用的js:
   jquery.validate.min.js
jquery.mobile-1.0a3.min.js
jquery.mobile-1.0a3.min.css

2)HTML表单
 

<div data-role="page" id="login">
    
    <div data-role="header">
        <h1>Acme Corporation</h1>
    </div>
    
    <div data-role="content">
        
        <form id="frmLogin" >
            <div data-role="fieldcontain">
                <label for="email">[i]* [/i] Email: </label>
                <input type="text" id="email" name="email" 
                     />
            </div>
            
            <div data-role="fieldcontain">
                <label for="password">[i]* [/i]Password: </label>
                <input type="password" id="password" name="password"
                     />
            </div>
            
            <div >
                <button  type="submit" 
                    data-theme="a">Login</button>
            </div>
        </form>
        
    </div>
    
</div>

  可以看到,加上即完成必须输入项的验证

3 验证的JS其实很简单,跟普通的jquery validate一样
   $("#frmLogin").validate({
    submitHandler: function(form) {
        console.log("Call Login Action");
    }
});
   如果验证成功,则执行真正逻辑部分

4 jquery mobile还提供了横向和竖向手机切换屏时的CSS样式切换,如下:
 

.portrait label.error, .landscape label.error {
    color: red;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4;
    margin-top: 0.5em;
    width: 100%;
    float: none;
}

.landscape label.error { display: inline-block; margin-left: 22%; }

.portrait label.error { margin-left: 0; display: block; }

em { color: red; font-weight: bold; padding-right: .25em; }

    

    来源: 互联网  发布时间: 2014-02-18

动态添加tableview

        TableLayout table=(TableLayout)findViewById(R.id.shoppingCartTable);  

        table.setBackgroundColor(Color.BLACK);
        TableLayout.LayoutParams params=new TableLayout.LayoutParams(TableLayout.LayoutParams.WRAP_CONTENT,
        		TableLayout.LayoutParams.WRAP_CONTENT); 
        params.leftMargin =1;
        params.rightMargin =1;
        params.topMargin =1;
        params.bottomMargin =1;
        TableRow.LayoutParams params2 =  new TableRow.LayoutParams(TableRow.LayoutParams.WRAP_CONTENT,
        		TableRow.LayoutParams.WRAP_CONTENT); 
        params2.leftMargin =2;
        params2.rightMargin =2;
        params2.topMargin =2;
        params2.bottomMargin =2;
        
        for(int i=0;i<20;i++){//20  
            TableRow row=new TableRow(this);  
            row.setLayoutParams(params);  
            row.setBackgroundColor(Color.BLUE); 
            row.setPadding(1, 1, 1, 1);
            
            for(int j=0;j<1;j++){//1  
                TextView col=new TextView(this);  
                col.setLayoutParams(params2);
                col.setText("i="+i);  
                col.setTextColor(0xFFFF0000); 

                row.addView(col);//  
            }  
            table.addView(row);//  
        } 

这一段动态添加tableview的代码，保留下来以后说不定用的到

    

    来源: 互联网  发布时间: 2014-02-18

ExpandableListView中包含多个group，想要展开一个group时，其他group都关闭

放一个监听事件 监听ExpandableListView

 

	exList.setOnGroupExpandListener(new OnGroupExpandListener() {

			@Override
			public void onGroupExpand(int groupPosition) {
				for (int i = 0; i < getData().size(); i++) {
					if (groupPosition != i) {
						exList.collapseGroup(i);
					}
				}

			}

		});