jQuery EasyUI笔记

1.列表中默认选中第一条数据

onLoadSuccess:function(){

$(this).datagrid('selectRow',0);

}

2.form表单中 组key-value

var list={}；

$('#pageId #formId').find('input').each(function()index,element){

list[$(this).attr('name')]=$(this).val()

});

3.下拉框塞值

$('#pageId selectId').combobox('loadData',datas);

4.获取列表第一个选择的行数据

var selectRow=$('#pageId #tableId').datagrid('getSelected');

5.获取列表所有选择的行数据

var selectRow=$('#pageId #tableId').datagrid('getSelections');

6.获取列表所勾选的行数据

var checkedRow=$('#pageId #tableId').datagrid('getChecked');

7.清除列表所有勾选

$('#pageId #tableId').datagrid('clearChecked');

8.列表合并单元格（要合并的列字段'biz_type',00是合计，01是小计，其他是02，合计和小计合并单元格）

LoadSuccess:function(data){
//把type的值组合成一个数组 array
var_array=[];
$.each(data.rows,function (index,value){
_array.push(value.biz_type)
})
console.log(_array);
//把要合并的下标组成一个数组 indexArr，也就是index
var_indexArr=[];
if(_array[0]=="02"){
_indexArr.push(0)
}
 for(var i in_array){
if(_array[i]=='01'){
_indexArr.push(Number(i)+1);
}
console.log(_indexArr);
//把 array通过01这个特殊字符切开，获取到每个下标之间的数量num，也就是rowspan
var getNum =_array.join().replace(/,/g,'').split("01");

console.log(getNum);
var _rowspanArr=[];
//针对第一页的首项是合计后面页数是直接展示项且做判断
if(getNum[0] =="00"){
for(var i=1;i<getNum.length;i++){
_rowspanArr.push(getNum[i].length/2)
}else{
for(var i=0;i<getNum. length;i++){
_rowspanArr.push(getNum[i].length/2)

}
}else{
for(var i=0;i<getNum.length;i++){
_rowspanArr.push(getNum[i].length/2)
}
console.log(_rowspanArr)
//把＿indexArr和 rowspanArr合并成一个数组merges，进行mergeCells
var merges=[];
for(var i in_rowspanArr){
merges.push({
index:_indexArr[i],
rowspan:_rowspanArr[i]
})
}
console.log(merges);
for(var i=0;i<merges.length;i++)
$('#counter_distribution_situation .easyui-datagrid').datagrid('mergeCells',{
index:merges[i].index,
field:'biz_type',
rowspan:merges[i].rowspan

});

}

9.input设置范围
 

data-options="validType: ['ancRules' , 'length[0,30]'],maxlength:30";

10.datagrid宽度自适应

$.fn.extend({
    resizeDataGrid:function(heightMargin,widthMargin,minHeight,minwidth){
        var height =$(document.body).height()-heightMargin;
        var width =$(document.body).width()-widthMargin;
        height =height <minHeight ? minHeight:height;
        width=width <minwidth?minwidth:width;
        $('#wiserecordloandg').datagrid('resize',{
            height:height,
            width:width
        });
    }
});
//datagrid数据表格ID

var datagridId ='wiserecordloandg';

11.表单校验

if(!$('#pageId #formId'). form('validate')){
    return false;
};

12.前2年后十年

$(function(){
    var date= new Date();
    var currentYear=date.getFullYear();
    var json =[];
    for (var i=currentYear -2;i <=currentYear +10;i++) {
        json.push({
            "text": i + ""
        });
        console.log(json);
    }
    });

13.跳转页面前先关闭跳转到的tab页，防止再次查询数据无法更新问题

var pageId = 'ct_fsms_issue_refund_manage_query' + this.id;
$('#main_tabs').tabs('closeTabById', pageId);
tool.addTab(
    pageId,
    i18n.t('divTitle.refundStandingBookQuery'),
    'ct_fsms/ct_fsms_charging_manual_processing/ct_fsms_issue_refund_manage/ct_fsms_issue
tool.jsonToString(getData), 'true'
)
;

14.获取tab传过来的数据

var  _thisTaba=tool.stringToJson(tool.getCurTabParam('param'));
if (_thisTaba !=undefined){
    var_data=[];
    var thisTaba=_thisTaba.data
    _data.push(thisTaba);
    $('#pledge_displace_details #otc_biz_app_no') .textbox ('setValue' ,thisTaba)；
}

15.获取前36个月

var dt=new Date();

dt.setMonth(dt.getMonth()-36);

console.log(dt.toLocaleString());

16.下拉列表添加一项在首位

tool.service.call(data,function(result){
    result.body[0].exts.datas.unshift({
        'otc_inst_code':'',//code
        'otc_inst_name_abbr':'全部'//name
    });
});

17.日期加年月日

var dateToCn=function (date) {
    var dateStr = String(date);
    if (dateStr.length === 8) {
        var y = dateStr.substring(0, 4);
        var m = dateStr.substring(4, 6);
        var d = dateStr.substring(6, 8);
        return y + '年' + m + '月' + d + '日';
    } else {
        return date;
    }
});