DDWF_NOTES_2

本文分享了Spring组件注解的使用方法、EasyUI datagrid的定制化展示、JavaScript及jQuery的各种实用技巧,涵盖参数传递、数组操作、DOM操作等方面。

1.spring组件的注解:@Component泛指注解,@Service标注业务层注解,@Controller标注控制层注解(如Struts中的action),@Repository标注数据访问注解,即DAO注解,并且所有组件放在类名上边使用;
--------------------------------------
2.EasyUI中datagrid:
{field:"",title:"",formatter: function(value, rowDate, rowIndex){
var e = '<a href="#" onclick="showEdit('+ rowIndex)+ ');">编辑</a> ';
var f ='<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>';
var d = '<a href="#" onclick="showDelete('+ rowIndex+ ');">删除</a>';
return e + f + d;
}}//定义表格中的一行
$('#id').datagrid('selectRow',index);  
var row = $('#id').datagrid('getSelected');//俩句集合,row为选择行的全部数据
--------------------------------------
3.EasyUI的datagrid中:getSelected返回第一个被选择行记录或null,getSelected选择一行,行索引从0开始;
--------------------------------------
4.JavaScript参数形式函数调用函数:
var f1= function(data,fun),var f2 = function(),f1函数中可以调用f2,即f1(data,f2){f2();};
--------------------------------------
5.JavaScript数组赋值,对array1操作不影响array:array1 = array.concat();
--------------------------------------
6.JavaScrtip中split("条件"),将字符串按照'条件'分割成数组;
--------------------------------------
7.动态改变单选框,复选框状态:$("#id").click();
--------------------------------------
8.前台发送请求,参数包含数组:var gIds = [1,2,3];参数{ids:gIds},控制层接受参数,参数名"ids[]",(Long[] gIds),业务层用增强for循环遍历gIds,多次调用下一层;
--------------------------------------
9.$("")是一个jquery对象,不是一个dom element,value是dom element的属性,jquery与之对应的是val;
--------------------------------------
10.$("#id")[0].value = "new value",jquery变成dom,使用dom的value属性,或者使用jquery的$("#id").val("new value");
--------------------------------------
11.$("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项(网上找,没试过)
--------------------------------------
12.$("input[name='radio']:checked").val()//获取单选框选中值;
--------------------------------------
13.$("#system_s").removeAttr("checked");//删除属性
--------------------------------------
14.$("#system_m").attr("checked",true);//设置单选框选中
--------------------------------------
15..获取<form>信息:
var form_data = $("form[name=表单名字]").serializeObject(),
jQuery("form").serializeArray(); //[{name:"username",value:""},{name:"password",value:""}]
jQuery("form").serializeObject(); //{username:"",password:""}
--------------------------------------
16.$("body div")//匹配body里的所有div后代元素
--------------------------------------
17.$("div>span")//匹配div下所有子元素
--------------------------------------
18.$("div+span")//匹配紧跟在div后边span元素
--------------------------------------
19.$("span~a")//匹配span后的所有a元素
--------------------------------------
20.$("div:first/last")//匹配第一个,最后一个元素
--------------------------------------
21.$(":hidden")//匹配所有不可见元素
--------------------------------------
22.$(":visible")//匹配所有可见元素
--------------------------------------
23.将input元素设置为disabled:$("input").attr("disabled","disabled")或$("input").attr("disabled",true);
--------------------------------------
24.去除input的disabled属性:$("input").removeAttr("disabled")或$("input").attr("disabled",false)或$("input").attr("disabled","");
--------------------------------------
25.判断input是否选择了disabled属性:if($("input").attr('disabled') == true){}
--------------------------------------
26.text()设置或返回所选元素的文本内容,html()设置或返回所选元素的内容(包括 HTML 标记,与text的区别),val()设置或返回表单字段的值;
--------------------------------------
27.jQuery的attr("某个属性")获取属性值, $("#id").attr({ "href" : "", "title" : "" })修改属性值;
--------------------------------------
28.$("#p_id").append($("#c_id").clone(true));//克隆元素
$("#c_id").appendTo("#p_id");//剪切元素
--------------------------------------
29.input属性只能输入数字:
<input name="" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"/>
--------------------------------------
30.判断复选框是否勾选:
var b = $("#checkbox_id").is(':checked')//判断复选框是否勾选b=true/false
--------------------------------------
31.JavaScritp求俩个数百分比,取小数点后俩位:Math.round(num / total * 10000) / 100.00 + "%";
--------------------------------------
32.JavaScript计算日期加减固定天数:
function calculateDate(currentDate,count){
  currentDate.setDate(currentDate.getDate()+count);
  var y = currentDate.getFullYear();
  var m = currentDate.getMonth() + 1;
  var d = currentDate.getDate();
  return y + "-" + m + "-" + d;
};
--------------------------------------
33.页面请求过程中显示进度条:

<div id="jindutiao">
  <img alt="" src="images/jindutiao.gif">
</div>
②//显示进度条
function loadJindutiao(){
  var pageWidth=document.body.clientWidth;
  var pageHeight=document.body.clientHeight;
  $('#jindutiao').css("left",pageWidth/2-16);
  $('#jindutiao').css("top",pageHeight/2-16);
  document.getElementById("jindutiao").style.display="";
  $('#sbt').linkbutton('disable');
}
③//关闭进度条
function loadedJindutiao(){
  document.getElementById("jindutiao").style.display="none";
  $('#sbt').linkbutton('enable');
}    

 

发送请求前显示进度条,请求SUCCESS后关闭进度条;

<style type="text/css">

#jindutiao{
      position: fixed;
      //left:0px;
      //top:200px;
      }
</style>

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值