0

This is my first foray into using angularjs, and heavy client side javascript coding. Mostly I've done it all on .NET server side C# ASPX pages.

Using .NET MVC, with angularjs and ui-grid on client side. My MVC controller returns a dataset that has a date column (contract_start). Sometimes that start_date contains a default un-initialized value; this displays on the ui-grid with a year 1900.

I have in my ui-grid columnDefs to format the date as ...

{ name: 'contract_start', width: 140, cellTooltip: true, cellFilter: 'date:"mm/yyyy"' },

For the uninitialized date values this displays as "00/1900".

I would like these to show as blank on the grid. What would be the proper approach?

Keep in mind that later on I will have to add the ability to edit this grid cell, too.

One strategy I've tried is to use a filter function ...

{ name: 'contract_end', width: 140, cellTooltip: true, cellFilter: 'noDateFilter' },

And then add the function to the controller ...

.filter('noDateFilter', function () {
    //check if value is valid date
    //and return string formatted as 'mm/yyyy'
    //else return empty string ''
    };
})

Is this a clean approach or should is there a more "built-in" strategy?

Also, I have even devised yet how to do editing in the cell ... will this filter affect the ability to edit the cell?

Thanks.

1
  • <div id="mclGrid" ui-grid="gridOptions" class="grid" ui-grid-resize-columns ui-grid-move-columns></div>
    – Riccarr
    Jul 6, 2016 at 17:25

1 Answer 1

1

Yes it better to use UI-grid cell filter rather than custom. For date validation, you can process the data before pushing it into ui-grid.

{ field: 'contract_end', displayName: 'contract_end',type: 'date', cellFilter: 'date:\'MM/yyyy\'' }]

1
  • Per my original question then ... how do you use cellFilter to display blank date when date is year 1900 ?
    – Riccarr
    Jul 6, 2016 at 23:48

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.