Can somebody point me to an example of resizing a RadGrid with:
Static Headers
Auto Layout
Ajaxified
Scrolling
WebBlue skin
I'm using this:
function GridCreated2(sender, args) {
var RadGrid1 = $find(sender.ClientID);
//RadGrid1.get_masterTableView().get_dataItems()[5].set_selected("true");
var row = RadGrid1.get_masterTableView().get_selectedItems()[0];
if (row) {
setTimeout(function () {
var rowElement = row.get_element();
var scrollArea = RadGrid1.GridDataDiv;
if ((rowElement.offsetTop - scrollArea.scrollTop) + rowElement.offsetHeight + 20 > scrollArea.offsetHeight) {
scrollArea.scrollTop = scrollArea.scrollTop + (rowElement.offsetTop - scrollArea.scrollTop) + (rowElement.offsetHeight - scrollArea.offsetHeight) + rowElement.offsetHeight;
}
else if ((rowElement.offsetTop - scrollArea.scrollTop) < 0) {
scrollArea.scrollTop = rowElement.offsetTop;
}
}, 200);
}
But my data area collapse when I set the height to 100%
Static Headers
Auto Layout
Ajaxified
Scrolling
WebBlue skin
I'm using this:
function GridCreated2(sender, args) {
var RadGrid1 = $find(sender.ClientID);
//RadGrid1.get_masterTableView().get_dataItems()[5].set_selected("true");
var row = RadGrid1.get_masterTableView().get_selectedItems()[0];
if (row) {
setTimeout(function () {
var rowElement = row.get_element();
var scrollArea = RadGrid1.GridDataDiv;
if ((rowElement.offsetTop - scrollArea.scrollTop) + rowElement.offsetHeight + 20 > scrollArea.offsetHeight) {
scrollArea.scrollTop = scrollArea.scrollTop + (rowElement.offsetTop - scrollArea.scrollTop) + (rowElement.offsetHeight - scrollArea.offsetHeight) + rowElement.offsetHeight;
}
else if ((rowElement.offsetTop - scrollArea.scrollTop) < 0) {
scrollArea.scrollTop = rowElement.offsetTop;
}
}, 200);
}
But my data area collapse when I set the height to 100%