How to configure dxDataGrid with Angular Approach

Question Comments

---

Added By: Marion (DevExpress Support) at: 8/12/2014 6:21:57 AM    

Hello,

To process your recent post more efficiently, I created a separate ticket on your behalf: T139489: How to configure dxDataGrid with Angular approach and handle the optionChanged event. This ticket is currently in our processing queue. Our team will address it as soon as we have any updates.

Added By: Scott Wood at: 8/27/2014 6:12:41 AM    

The demo code is incomplete.  dataSource:employees...   Where does employees come from?  I assume it's just a plain old javascript array????

Added By: Marion (DevExpress Support) at: 8/27/2014 10:53:50 PM    @Scott,
Please download the example locally to see all project files including the data.js file that contains the employees data. Added By: Will Meister at: 10/12/2014 9:39:05 AM    

Could you please dive a little deeper into this example? For instance, does listing 'employees' as the dataSource provide two-way databinding, or would 'dataSource' need to be listed in one of the bindingOptions? Also, could you provide a functioning example of configuring the rowUpdated, rowUpdating, rowRemoved, and rowRemoving event handlers? In my project, none of them get triggered, though rowClick works properly.

Thanks!,
Will

Added By: Marion (DevExpress Support) at: 10/12/2014 11:48:42 PM    

Hello,

To process your recent post more efficiently, I created a separate ticket on your behalf: T160337: How to configure dxDataGrid CRUD operations with Angular Approach. This ticket is currently in our processing queue. Our team will address it as soon as we have any updates.

Added By: Jack Parna at: 2/23/2016 11:23:10 PM    how about in mobile view?
I have tried, but it not working. Added By: Nikolai (DevExpress Support) at: 2/24/2016 7:11:33 AM    

Hello Jack,

To process your post more efficiently, I created a separate ticket on your behalf: T349388: How to configure dxDataGrid with Angular Approach in a mobile app. This ticket is currently in our processing queue. Our team will address it as soon as we have any updates.

Added By: Surya Garimella at: 8/30/2016 7:48:14 AM    Hello,

do you have a similar example with the latest version of angular ? 1.5.9 ?

Thanks. Added By: Marion (DevExpress Support) at: 8/30/2016 11:51:49 PM    @Surya,
Code is the same for Angular 1.5.9. If you encountered any issue with this, please open a new thread and provide us with your code there. We will research it and do our best to find a solution for you.Added By: David Karasek 2 at: 9/26/2016 9:43:15 AM    Can this be modernized to include bootstrap and jQuery 3.0? ThanksAdded By: Gosha (DevExpress Support) at: 9/26/2016 10:35:33 AM    Hi David,

We don't support jQuery 3.0 at the moment. So, we can't update this example to use jQuery 3.0. As for Bootstrap, our code should be independent from it. So, add Bootstrap to your project in the same way you do in any other project. If this does not work for you, the only thing I can imagine for why this occurs is that there are some conflicts between Bootstrap CSS and ours. If this happens on your side, please open a new Support Center ticket along with your project so that we can research it.