Print Page - datagrid scrollto special column

Extend a new method called 'scrollToColumn' first.

Code:

<script>
$.extend($.fn.datagrid.methods,{
	scrollToColumn:function(jq,field){
		return jq.each(function(){
			var dc = $.data(this,'datagrid').dc;
			var header = dc.header2.parent();
			var td = header.find('td[field="'+field+'"]');
			var pos = td.position();
			if (pos.left < 0){
				dc.body2.scrollLeft(dc.body2.scrollLeft() + pos.left);
			} else if (pos.left + td.outerWidth() > header.outerWidth()){
				dc.body2.scrollLeft(dc.body2.scrollLeft() + (pos.left + td.outerWidth() - header.outerWidth()));
			}
		});
	}
});
</script>

And then call 'scrollToColumn' method to scroll to the specified column.

Code:

$('#dg').datagrid('scrollToColumn', 'name');

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: joker on July 02, 2013, 07:08:33 PM