i want to add a checkbox column to the ui-grid. This grid is bound to data , and i would like to use the check box to 1. Select all columns or 2. select particular columns or 3. Deselect all columns. I also want to be able to select rows and collect these selected rows for further processing.

Please suggest the best way to go ahead with the approach.

No. I want this link to appear on tenant side. It should appear the way it does for PhoneBook application. i.e

The link you have provided for reference is not working. Getting page not found error.

yes !! Got it. Thank you so much.

I have added a delete icon on the grid on Index.cshtml page. But i am not able to open the Delete modal on clicking the icon. help ? Here is my Delete controller :

(function () { appModule.controller('tenant.views.records.deleteRecord', [ '$scope', '$uibModalInstance', 'abp.services.app.record', function ($scope, $uibModalInstance, recordService) { //----------delete record =====================
vm.deleteRecord = function (record) { abp.message.confirm( app.localize('AreYouSureToDeleteRecord', record.name), function (isConfirmed) { if (isConfirmed) { recordService.deleteRecord({ id: record.id }).success(function () { abp.notify.success(app.localize('SuccessfullyDeleted')); getRecords(); }); } } ); }; } ]); })();

This is my ColumnDef attribute :

  {
                 name: app.localize('Delete'),
                 field: '',
                 cellFilter: 'momentFormat: \'L\'',
                 cellTemplate: '<button '+ 
                 'ng-click="vm.deleteRecord(record)" '+
                 'title = "@L("Delete")"'+ 
                 'class="btn btn-circle btn-icon-only red delete-record"'+ 
                ' href ="javascript:;"><i class="icon-trash"></i></button>'
             }

My RecordAppService :

public async Task DeleteRecord(IdInput<Guid> input) {

        await _recordRepository.DeleteAsync(input.Id);//Check and confirm this
    }

Nothing happens when i click the delete icon and there is no eror.

[attachment=1:2g9v0hmd]delete.png[/attachment:2g9v0hmd]

Grid Shows up as :

I have carried out the steps correctly as per the PhoneBook application. My Record entity has exactly same fields as Person. As per other similar thread on this blog , i have cleared the history, Disabled the cache etc. , bit still the Records link does not show up in the admin role settings page. Please review and help.

AppAuthorizationProvider class: pages.CreateChildPermission(AppPermissions.Pages_Tenant_Records, L("Records"), multiTenancySides: MultiTenancySides.Tenant);

AppPermissions.cs : public const string Pages_Tenant_Records = "Pages.Tenant.Records";

ABPAUTHORIZE ATTRIBUTE :

[AbpAuthorize(AppPermissions.Pages_Tenant_Records)] public class RecordAppService :C2CAppServiceBase, IRecordAppService {}

AppNavigationProvider .cs :

.AddItem(new MenuItemDefinition(
                PageNames.App.Tenant.Records,
                L("Records"),
                url: "tenant.records",
                icon: "icon-grid"
                requiredPermissionName: AppPermissions.Pages_Tenant_Records
                )

App.js :

if (abp.auth.hasPermission('Pages.Tenant.Records')) { $stateProvider.state('tenant.records', { url: '/records', templateUrl: '~/App/tenant/views/Records/index.cshtml', menu: 'Records' }); }

I seem to be doing everything ok, and there is no error , but the permission does not show up	under Tenants.

I need it resolved ASAP.

I need to display data from the database on the Home page . I created the service and could successfully call the data from the Browser Console after logging in to the application. I created the angular controller in the Views/Home/Index.js file and added data binding code to Index.cstml. However i am unable to bind the data to angular controls. My data should be displayed in the host and not related to any tenant.

Index.js:

(function () {

appModule.controller('Views.Home.Index', [
    '$scope', 'abp.services.app.plan',
    function ($scope, planService) {
        var vm = this;
       
        vm.plans = [];

        planService.GetPlans({}).success(function (result) {
            vm.plans = result.items;
        });
    }
]);

})();

Index.cshtml:

<div ng-controller="Views.Home.Index as vm"> <h3>All Plans</h3>

    <div class="list-group">
        <a href="javascript:;" class="list-group-item" ng-repeat="plan in vm.plans">
            <h4 class="list-group-item-heading">
                {{plan.PlanName}} {{plan.RatePerUser}}
              
            </h4>
            <p class="list-group-item-text">
                {{plan.Features}}
            </p>
        </a>
    </div>
</div>

================================