项目开发笔记

最近正在参与一个项目开发。遇到了很多小的问题，很多事页面上的。特意把这些小问题及解决方法记录一下， 以备不时之需。

1、 JSF JS 执行 BEAN中方法：

1. 问题：JSF中 JS 执行 BEAN中方法。 
   解决方法： 
   按钮代码：form，button都设置id 
   <h:form id="frm" > 
     <h:commandButton id="btn" action="#{loginAction.sayHello} <SPAN style="COLOR: red">type="button"</SPAN> onclick="sayHello()"/>
   </h:form> 
   JS代码： 
    function sayHello(){ 
     document.getElementById("frm:btn").click();
    }

2. JS 控制 DIV 显示：

2. JS 控制 DIV 显示：document.getElementById("div1").style.display = 'block';//显示 
      document.getElementById("div2").style.display = 'none';//隐藏该种方式在IE，GoogleChrome下都可使用。 
------------------------------------------
div1.setAttribute("style","display"); 
div2.setAttribute("style","none");该种方式不兼容IE，GoogleChrome兼容

3.jQuery ajax 解析json文件。

代码部分格式：

json数据文件格式：

-- SQL 只查询出重复数据：

select id from table group by id having count(id)>1

JSON 与字符串之间转换：

JSON.stringify(obj)将JSON转为字符串。
JSON.parse(string)将字符串转为JSON格式

------------------------------------------------------------------------------------------
JS 与后台java中文传递乱码：
前台中对中文处理：var objectName = encodeURI(encodeURI(“前尘忆梦”));
后台java中处理：java.net.URLDecoder.decode(objectName,"UTF-8");

--------------------------------------------------------------------------------------------
JS MAP创建

function MapData() {
    	var struct = function(key, value) {
    		this.key = key;
    		this.value = value;
    	}
    	 
    	var put = function(key, value){
    		for (var i = 0; i < this.arr.length; i++) {
    			if ( this.arr[i].key === key ) {
    				this.arr[i].value = value;
    				return;
    			}
    		}
    		this.arr[this.arr.length] = new struct(key, value);
    	}
    	 
    	var get = function(key) {
    		for (var i = 0; i < this.arr.length; i++) {
    			if ( this.arr[i].key === key ) {
    				return this.arr[i].value;
    			}
    		}
    		return null;
    	 }
    	 
    	var remove = function(key) {
    		var v;
    		for (var i = 0; i < this.arr.length; i++) {
    			v = this.arr.pop();
    			if ( v.key === key ) {
    				continue;
    			}
    			this.arr.unshift(v);
    		}
    	 }
    	 
    	 var size = function() {
    		 return this.arr.length;
    	 }
    	 
    	 var isEmpty = function() {
    		 return this.arr.length <= 0;
    	 }
    	 this.arr = new Array();
    	 this.get = get;
    	 this.put = put;
    	 this.remove = remove;
    	 this.size = size;
    	 this.isEmpty = isEmpty;
    }

--------------------------------------------------------------------------------------------

下拉选中【根据后台返回数据】

 <select class="form-control" name="industry" validate="{required:true}">
	                            <c:forEach var="item" items="${object.business }" varStatus="list">
                                    <option
                                    <c:if test="${fn:contains(project.industry,item.id)}">
                                        selected
                                    </c:if>
                                        value="${item.id }">${item.text }</option>
                            </c:forEach>
	                        </select>

--------------------------------------------------------------------------------------------

jQuery  src 设置路径：

$("#divid").attr("src",path);

JS 日期格式换 2017-02-02

//默认开始时间
function startdate(){
	var stday=new Date();
	stday.setMonth(stday.getMonth()-3);
	var std=stday.getFullYear()+"-";
	std+=stday.getMonth()+1+"-";
	std+=stday.getDate(); 
	return stday.Format("yyyy-MM-dd");
}
//默认结束时间
function endDate(){
	var stday=new Date();
	stday.setMonth(stday.getMonth());
	var std=stday.getFullYear()+"-";
	std+=stday.getMonth()+1+"-";
	std+=stday.getDate();
	return stday.Format("yyyy-MM-dd");