easyui实用技能

组件Datagrid:

tips:datagrid的显示的数据是放到全局变量里的(可以称为闭包模式),更改getData方法的数据可能会引起datagrid数据的变化。

1、获取当前编辑列,设置输入类型限制

//获取当前编辑列,设置输入类型限制
var editors = $('#cards').datagrid('getEditors', rowIndex);
if(rowIndex==$('#split_num').val()-1){
    editors[0].target.prop('readonly',true); // 设值只读       
    editors[0].target.addClass('dgcell_readonly');
}

2、动态修改表头

$('#tableId').datagrid('getColumnOption',columnName).title=titleName;
$('#tableId').datagrid();

 3、获取编辑框的element元素

1 //获取当前编辑列
2 var editors = $('#assetAccessory').datagrid('getEditors',rowIndex);                
3 //表格金额组件
4 editors[1].target.numberbox({min:0,precision:2});
5 //表格日期组件
6 editors[2].target.datebox({width:120});

4、假分页之设置假分页数据

/** 设置假分页数据 **/
function setPaginationData(dg,data){    
    dg.datagrid('loadData',data.slice(0,validate_dg.dataGridOptions.pageSize));    
    var pager = dg.datagrid("getPager");  
    pager.pagination({  
        total:data.length,  
        onSelectPage:function (pageNo, pageSize) {  
            var start = (pageNo - 1) * pageSize;  
            var end = start + pageSize;  
            dg.datagrid("loadData", data.slice(start, end));  
            pager.pagination('refresh', {  
                total:data.length,  
                pageNumber:pageNo  
            });  
        }  
    });
}

组件Combobox:

1、获取组件编辑框

$('#id_hlcRegStartDate').datebox('textbox').addClass('disableText');

2、获取组件所有信息

$.data($('#id_assetRegEnprCode')[0], 'searchbox')

3、searchbos校验

    $('#assetregenprcode').searchbox('textbox').validatebox({required: true,missingMessage:'必选 '});

 

posted @ 2016-11-01 17:26  Rainbean  阅读(152)  评论(0编辑  收藏  举报