Found the solution, removed the afterselection event from the variable
inside the service and added in controller service. now its working
perfectly, 'Vm not defined' error is gone
my controller service
function SalesController($scope, SalesService)
{
var vm = this;
vm.gridOptions = SalesService.gridoptions();
vm.gridOptions.afterSelectionChange = InvokeSelectionChange
vm.item={name:'',age:''}
function InvokeSelectionChange (rowItem, event) {
console.log(rowItem.rowIndex)
vm.item = this.entity.item
}
}
On Tuesday, 14 July 2015 12:28:29 UTC+5:30, nideesh manian wrote:
>
> I have a controller and a service. In the view i have a grid and a panel
> with textboxes. On selection of a row from grid, the panel needs to be
> populated with selected values. Earlier my full code was inside controller
> hence it was working. Now i split them into controller and service, I do
> not know how to proceed further.
>
> Below is my approximate code, i removed unwanted lines and extra fields
> for simplicity. I am getting error on selection change saying "vm is not
> available". Am i doing correctly, should the gridoptions be always inside
> controller function?
>
> My view
> <div class="col-xs-12" tabindex=" 0" ng-grid="vm.gridOptions" ></div>
> <input ng-model="vm.item.name">
> <input ng-model="vm.item.age">
> My controller
> function SalesController($scope, SalesService)
> {
> var vm = this;
> vm.gridOptions = SalesService.gridoptions();
> vm.item={name:'',age:''}
> }
> My service
> function SalesService(HTTPService, config, SignalRService) {
> var service = {
> gridoptions: GridOptions
> };
> var a = {
> data: 'vm.basket.Items',
> enableCellSelection: false,
> enableRowSelection: true,
> multiSelect: false,
> enableCellEdit: false,
> jqueryUITheme: true,
> selectedItems: [],
> columnDefs:
> [
> { field: 'Item.Name', displayName: 'Name', visible: true },
> { field: 'Item.Age', displayName: 'Age', visible: true }
>
> ],
> afterSelectionChange: function (rowItem, event) {
> console.log(rowItem.rowIndex)
> vm.item = this.entity.item
> }
> };
> return service;
> function GridOptions()
> {
> return a;
> }
> }
>
>
>
>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
