angularjs - How do I scroll an ngGrid to show the current selection? -

-

i'm setting selection of nggrid javascript, calling gridoptions.selectitem(). have multiselect set false, there ever 1 row selected. i'd nggrid automatically scroll show newly selected row, don't know how this: can help, please?

on related topic: can disable row selection mouse click? if so, how?

edited add

i'd disable keyboard navigation of selected row, if possible.

what worked:

aardvark71's answer worked. discovered nggrid defines property nggrid on gridoptions variable holds reference grid object itself. necessary functions exposed via properties of object:

$scope.gridoptions.selectitem(itemnumber, true); $scope.gridoptions.nggrid.$viewport.scrolltop(math.max(0, (itemnumber - 6))*$scope.gridoptions.nggrid.config.rowheight);

my grid fixed @ 13 rows high, , logic attempts make selected row appear in middle of grid.

i'd still disable mouse & keyboard changes selection, if possible.

what worked:

this closer 'angular way' , achieves same end:

// $watch scrolls nggrid show newly-selected row close middle row possible $scope.$watch('gridoptions.nggrid.config.selecteditems', function (newvalue, oldvalue, scope) {             if (newvalue != oldvalue && newvalue.length > 0) {                 var rowindex = scope.gridoptions.nggrid.data.indexof(newvalue[0]);                 scope.gridoptions.nggrid.$viewport.scrolltop(math.max(0, (rowindex - 6))*scope.gridoptions.nggrid.config.rowheight);             }         }, true);

although effect when row selected clicking on can bit disconcerting.

it sounds can make use of scrolltop method scrolling.

see http://github.com/angular-ui/ng-grid/issues/183 , following plunker @bryan-watts http://plnkr.co/edit/oyilx9?p=preview

an example how work follows: 

function focusrow(rowtoselect) {   $scope.gridoptions.selectitem(rowtoselect, true);   var grid = $scope.gridoptions.nggrid;   grid.$viewport.scrolltop(grid.rowmap[rowtoselect] * grid.config.rowheight); }


edit:

for second part of question "disabling mouse , keyboard events of selected rows" might best start new question. sounds want set enablerowselection dynamically false? no idea if that's possible.


Comments

Post a Comment

Popular posts from this blog

design - Custom Styling Qt Quick Controls -

-
Image
i have custom design qt quick controls. example, change background colour of tool bar, since hate default design. how can that? in qt quick controls, there limited styling available via qt quick control styles items, buttonstyle , checkboxstyle , etc. at moment, other styles require delving qt sources , messing internal details. here complete example of how 1 might modify toolbar's style. main.qml import qtquick 2.1 import qtquick.layouts 1.0 import qtquick.controls 1.0 applicationwindow { toolbar: toolbar { id: toolbar component.oncompleted: toolbar.data[0].item.children = [newrectangle]; property item _newrectangle: rectangle { // rectangle within toolbarstyle's panel // gleaned from: // http://qt.gitorious.org/qt/qtquickcontrols/source/ // c304d741a27b5822a35d1fb83f8f5e65719907ce:src/styles/base/toolbarstyle.qml id: newrectangle anchors.fill: parent...
Read more

Unable to remove the www from url on https using .htaccess -

-
i want remove www site url. ie. https://www.domainname.com.au https://domainname.com.au . i have tried various .htacces code nothing work me. here present code remove www http not work https. rewriteengine on rewritebase / rewritecond %{http_host} ^www\.(.*)$ [nc] rewriterule ^/(.*)$ http://%1/$1 [r=301,l] rewritecond %{https} off rewriterule ^(.*)$ https://domainname.com.au/$1 [r=301,l] rewriterule ^code-of-conducts/(.*)/$ code-of-conducts.php?type=$1 rewriterule ^parents/post-a-job/(.*)/edit/$ parents/post-a-job.php?action=edit&id=$1 rewriterule ^parents/post-a-job/(.*)/$ parents/post-a-job.php?job_type=$1 rewriterule ^parents/open-jobs/(.*)/delete/$ parents/open-jobs.php?action=delete&id=$1 rewriterule ^parent-profile/(.*)/$ parent-profile.php?id=$1 rewriterule ^parents/job-details/(.*)$ parents/job-details.php?applied_id=$1 rewriterule ^sitterprofile/(.*)/$ sitterprofile.php?id=$1 rewriterule ^sitter/job-board/state/(.*)/page/(.*)/$ sitter/job-board.ph...
Read more