EasyUI Forum
June 27, 2024, 02:13:18 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: datagrid scrollto special column  (Read 8521 times)
joker
Newbie
*
Posts: 17


View Profile Email
« on: July 02, 2013, 07:08:33 PM »

Hi:
I was trying to  scrollto special column in datagrid,but not sure how to do it correctly, any suggestion?
Thanks!
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: July 03, 2013, 01:50:38 AM »

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');
Logged
joker
Newbie
*
Posts: 17


View Profile Email
« Reply #2 on: July 03, 2013, 07:23:29 PM »

Thanks, It works well.
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!