Aspdotnet-Suresh

aspdotnet-suresh offers C#.net articles and tutorials,csharp dot net,asp.net articles and tutorials,VB.NET Articles,Gridview articles,code examples of asp.net 2.0 /3.5,AJAX,SQL Server Articles,examples of .net technologies

Showing posts with label UI Grid. Show all posts
Showing posts with label UI Grid. Show all posts

Angularjs ng-click Event in Inside UI-Grid Cell Template Not Trigger (Firing) Function in Controller

Jul 12, 2015 6 comments
Introduction

Here I will explain how to set ng-click event in ui-grid cell template in
AngularJS or fix problem of ng-click event in ui-grid cell template not working / firing / triggering function in controller in AngularJS. Generally ui-grid will isolate scope variable so there is no access to scope variable from row or cell template to fix this problem we need to use grid.appScope property it will allow to access scope variable from ui-grid row or cell template in AngularJS. We need to use the property like “ng-click="grid.appScope.yourfunction()"” in ui-grid cell template in AngularJS.

Angularjs UI Grid Show No Records Found or No Data Available Message

Jun 17, 2015 1 comments
Introduction

Here I will explain how to show no records found message in ui grid in
AngularJS with example or AngularJS show no data found message in ui grid in case if service not returned any data. By comparing data value in AngularJS we can show no data available message in ui grid whenever it is empty or not contain data.

Angularjs Hide Particular Column in UI Grid with Example

Feb 24, 2015 0 comments
Introduction

Here I will explain how to hide particular column in
AngularJS UI grid with example or AngularJS hide particular column in UI Grid with example or UI Grid example in AngularJS.

Description:
  
In previous articles I explained
bind dropdownlist in angularjs, Angularjs convert lower case to upper case while typing text, Angularjs refresh div for every 1 second using interval mode and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to hide particular column in AngularJS UI grid with example.

To hide particular column in AngularJS UI grid we can use visible: false property like as shown below
© 2015 Aspdotnet-Suresh.com. All Rights Reserved.
The content is copyrighted to Suresh Dasari and may not be reproduced on other websites without permission from the owner.