StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
19369621
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2013-10-14T21:29:33.153
FavoriteCount
0
LastActivityDate
2013-10-14T21:29:33.153
LastEditDate
LastEditorUserId
0
OwnerUserId
988216
ParentId
19363973
PostTypeId
2
Score
7
ViewCount
0
LastEditorDisplayName
text
Body
<p>I was able to figure it out. I had to do four things:</p> <ol> <li>Update my version of angularjs (I was on 1.08 which does not have the <code>ng-if</code> directive). I updated to 1.2.0rc3.</li> <li>Wrap my <code>kendo-grid</code> <code>div</code> in an <code>ng-if</code> <code>div</code></li> <li><strong>Invoke</strong> my function! I was just setting <code>$scope.gridModel.options</code> <strong>to</strong> a function - I needed to actually invoke the function so I'd be setting the variable to the value returned <strong>from</strong> the function.</li> <li>I had to update my <code>angular.module</code> declaration to include <code>ngRoute</code> (based on it being separated into it's own module in 1.2.x).</li> </ol> <p>Here's the updated HTML:</p> <pre><code><div data-ng-if="contentAvailable"> <div kendo-grid k-options="{{gridModel.options}}" k-data-source="gridModel.myDataSource"> </div> </div> </code></pre> <p>And here's the updated controller (not shown: I set <code>$scope.contentAvailable=false;</code> at the beginning of the controller):</p> <pre><code>// this is called after the api call has successfully returned with data function getSucceeded(){ ... $scope.gridModel.options = function(){ // function that dynamically builds options object with columns, etc. }(); // <----- NEED to invoke function!! // this is just shown for example... the data is properly loading $scope.gridModel.myDataSource.data(ds.data()); $scope.contentAvailable=true; // trigger the ng-if } </code></pre> <p>I actually moved the function into a <code>config</code> file so I'm not polluting the controller with too much configuration code. Very happy to have figured this out.</p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. PODynamically creating kendo-grid columns in angular controller
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USKevin
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. PODynamically creating kendo-grid columns in angular controller
  singulars
  PostTypePostTypeId
  PTQuestion
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTAcceptedByOriginator
2. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.