I'm working on a Store app that consists of several charts. I've already developed the charts and have them rendering using the chart control in the various forms.
I have been asked to bring these together in an app that allows the user to scroll left and right through each of the charts.
Every example I have found for using a GridView data binds the content of the GridView to item templates.
What I'm trying to get my head round is how I could please these chart controls directly in to a GridView.
Any help would be greatly appreciated.
Cheers,
Roy
As per my understanding of the question you need to have charts as items in a grid view.
If this is what you want, I have dome this before using charts from 3rd party toolkit.
You need ( may be variable sized) templates with each item having a different template of its own.
You need a items list with data for all the charts.
Then upon runtime you need to assign the template to each item.
Related
We have a request from our designers to build tables something like this, with rows that expand to show essentially another sub-table underneath. In KendoUI documentation, this is called "Hierarchy."
We use SlickGrid v2.3 with a few additional plugins. We currently have tables with a similar row expand/collapse like this: https://mleibman.github.io/SlickGrid/examples/example5-collapsing.html . That does not allow for a completely different set of columns in the sub-table.
The question is, can this be done in SlickGrid or not?
It might be hard to do with current SlickGrid, there's no code that handles the hierarchical part itself so that would be lot of work to implement in SlickGrid. However it is implemented in Slickgrid-Universal, which is a wrapper on top of SlickGrid. You can see Example 5 and Example 6 which shows 2 types of Tree Data grids (hierarchical or parentId refs). We use it in production for a project that we have. Also note that this is not a grid within a grid, it's rather an expand/collapse the same as what you found in example5-collapsing.html, the only differences with SlickGrid is that Slickgrid-Universal has the code to deal with hierarchical data (filtering/sorting) while SlickGrid itself doesn't and also another nice to know thing is that expand/collapse is actually using data filtering behind the scene and you can see that in the total items displayed when you have the footer enabled.
Please note that I'm the author of Slickgrid-Universal and also a major contributor to SlickGrid as well
At the moment, it can't be done. In order to achieve its speed, Slickgrid enforces a fixed row height and a single scrolling canvas. It's just a different approach than used by HTML display grids.
You could put together a workaround using mutiple slickgrids or an embedded slickgrid in a group row, I suppose, but it would be messy.
One thing I have done is develop a SlickCombo, which is essentially a grid presented as a multi-column dropdown. It's a full grid and can offer editing.
That's probably as close as you'd get.
A comment: the MLeibman repo is long dead - you should be using: https://github.com/6pac/SlickGrid
I am able to load data from sqlServer using mat table in angular, but have no clue how to do same in nativescript?. I think GridView will work,but cant find source to load dynamic data.
If GridLayout is what you mean by GridView, it's just layout not responsible for loading data.
If you are looking to load list of items on screen, then ListView is what you need. If you like to show table kind of layout with multiple columns then you must design your item template with a GridLayout.
If you go with RadListView, you have different layouting option too.
I am using System.Web.Helpers.Chart for charting in MVC3, charts are rendering fine, but i want to add the value of at the top of the bar I tried a lot but failed to find a way to show value of respective bar,Is it possible using System.Web.Helpers.Chart?
Thanks in Advance.
In Salesforce, I create a dashboard and drag a pie chart component on to it. I can then drop almost any report onto the pie chart to serve as its data source. Is it possible to use a class or page to drive the Pie Chart instead of a report?
My attempts so far suggest not. I have an apex:page that is returning a very simple table of data. I can add my entire apex:page with its apex:pageblocktable to my dashboard as an embedded VisualForce Page and the table shows up fine. But it won't let me use the page as the data source for my Pie Chart. My controller class isn't even listed to try using it. Is there some way I can evolve my controller or page to make it a suitable data source for a Pie Chart or any other standard Salesforce dashboard component?
I'm starting to think the only option available to me is to make a page that renders the pie chart for itself (probably using flot) and embed that in the dashboard. I'm willing to go this route, but it sure would save me some time if I could use the standard dashboard components. Any help is appreciated.
If you're wondering why I don't just use a report, it's because I haven't found any that combine leads and contacts in one. I've followed this multi-object apex dummy class pattern to create a custom UnifiedLeadContact class with a handful of common properties from my leads and contacts. My controller runs two queries, one for leads and one for contacts, uses the results to populate a list of new UnifiedLeadContacts and returns it. That is working well to feed my table that functions similar to a lead or contact view but has both leads and contacts in it.
As far as I am aware there is no way to use the output of a VF page as the source of a chart.
But you can create a chart as part of your VF page.
If you have a look at http://www.salesforce.com/us/developer/docs/pages/Content/pages_charting_overview.htm
This will give you the basics on how to feed in the data to a chart ov
I've recently started using Expression Sketchflow to prototype some user interface designs. I currently have a master datagrid at the top of the page, which I would like to allow the user when selecting a particular grid row to see a sub-datagrid below be populated with specific data relevant to that specific row of master data.
Could anyone shed some light on the subject!?
Help greatly appreciated.
I figured out how to do this by reading this article:
Expression Blend 3 – secrets of working with data.
Here's the basic steps (you already did a couple it sounds like)
Create your sample data set
Under the Data tab select the List Mode and drag your collection onto the screen, a list view of your data will be created (Master datagrid)
Now, select the Details Mode and drag and drop your collection onto the screen where you want the details to be displayed. (sub datagrid)
Tweak the fields displayed by dragging properties into the respective containers or modifying the XAML / Bindings list
If you have a child collection in your data, you may have to jump through a few more hoops.