Creating an anchor in AngularJS ui-grid with paramters

Question

I am using the new AngularJS ui-grid in my application. I want to create an anchor that has parameters taken from other fields in the grid as part of the href attribute ie:

<a href="/BridgeAssess/nhvrRoute/routeAssessor?routeNo={{COL_FIELD CUSTOM_FILTERS}}&journeysId={{grid.routeNo}}&routeVersion={{grid.routeVersion}}" class="create" target="_blank">{{COL_FIELD CUSTOM_FILTERS}}</a>

This code is stored in an template html file and added to the columDefs object:

        $scope.gridOptions = {
        enableSorting: false,
        enableColumnResizing: true,
        columnDefs: [
            {field:'link', width: '120'},
            {field:'routeNo', cellTemplate:'templates/cellTemplate.html', width: '120'},
            {field:'routeFrom', displayName:'From', width: '450'},
            {field:'routeTo', displayName: 'To', width: '450'},
            {field:'routeVersion', displayName:'Version', width: '90'},
            {field:'journey', visible: false}
        ]
    };

This code creates the link but the only parameter set is routeNo.

I can't see how to set the other parameters. gridOptions.data[rowNum].journey, for example, does not add a value.

How can I get values for the other parameters?

mainguy · Accepted Answer · 2014-11-03 09:29:20Z

3

use row.entity.xxx in your template.

<div>
 <a href="test.html?code={{row.entity.code}}&name={{row.entity.name}}&status={{row.entity.status}}">
  Click me
 </a>
</div>

Here is a Plunker with more details.

answered Nov 3, 2014 at 9:29

mainguy

8,3312 gold badges34 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Creating an anchor in AngularJS ui-grid with paramters

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related