datagrid

2019独角兽企业重金招聘Python工程师标准>>>

    $("#datagrid").datagrid({
        //客户端排序的方法
        sortName:'field',//排序的字段
        sortOrder:'asc',//排序规则
        remoteSort: false,//不使用服务段排序

        queryParams:{
            searchParam:''
        },
        /*
         *当使用$("#datagrid").datagrid('options').pageNumber
         *和$("#datagrid").datagrid('options').pageSize取不到page和rows时,可以考虑这样处理
         */
        onBeforeLoad:function(param){
            exportParams.exprotPage = param.page;
            exportParams.exprotRows = param.rows;
            param.combo=$("#combo").combo('getText'),
            param.beginTime = $("#datetimebox").datetimebox('getValue');
            param.hidden=$('#hidden').val(),
            param.textbox=$("#textbox").textbox('getValue'),

            $.ajax({
                url: '',
                type:'post',
                data:param,
                success:function(data){
                    if(data){
                        var result= {
                            total:data.total,
                            rows:data.rows
                        };
                        $('#datagrid').datagrid('loadData',result);
                    }
                }
            });
            return false;
        },
        columns: [
            [{
                field: '',
                title: '',
                formatter:function(value,row,index){
            		if(value){//当列内容显示不全时,这样处理,鼠标放在列上时显示全部内容
            			value = value.replace(/\s/g, ' ');//转义空格
            			//value = value.replace(/\.0/g, '');
            			return '<span title='+value+'>'+value+'</span>';
                    }
                },
                //创建datagrid的编辑器
                editor:{
            		type:'numberbox'//声明类型
                },
            }]
        ],
        //编辑格子
        onClickCell:function(index,field,value){
        	if(field == "field"){
        		$(this).datagrid('beginEdit',index);
        		var ed = $(this).datagrid('getEditor',{index:index,field:field});
        		$(ed.target).numberbox({
				    min:1,
				    max:100000
				});
                //编辑格子时自动获取焦点
				$(ed.target).numberbox('textbox').focus();
                //失去焦点时结束编辑
				$(ed.target).numberbox('textbox').bind('blur',function(){
					endEditorRow('datagrId');
				});
                //绑定回车事件(失去焦点)
				$(ed.target).numberbox('textbox').bind('keydown',function(e){
					if(e.keyCode == 13){
						$(ed.target).numberbox('textbox').blur();
					}
				});
        	}
        },
    });

/**
 * 结束编辑daatgrid
 * @param {Object} id		datagrid的id 
 * @param {Object} rowIndex	不需要结束编辑的rowindex,可为空
 */
function endEditorRow(id,rowIndex){
	var _row = $('#'+id).datagrid('getRows');
	for(var i=0;i<_row.length+1;i++){
		if(i !== rowIndex){
			$('#'+id).datagrid('endEdit',i);
		}
	}
}

 

转载于:https://my.oschina.net/langgege/blog/1068658