Webgrid alternative layouts? - asp.net-mvc

Ok so this is my first question and I think it is a good one. I am wanting to layout a webgrid in MVC 4 C# with a different format than a standard table. What I am looking for is a layout like this example(bestbuy product list example).
I would like to use webgrid because of it's built-in paging and sorting capabilities. I can live with simpler solutions than the one I included but I need it to keep the same general format with a picture on the left and information in a list-like look on the right if possible.

That looks like three columns to me. All you need to do is pass in the appropriate HTML into the format parameter for each column: http://msdn.microsoft.com/en-us/library/system.web.helpers.webgridcolumn.format(v=vs.111).aspx

Related

In JIRA is there a way to create a nested table?

The JIRA documentation does not mention a way to create a nested table something like
|outer-col1|outer-col2|
|col1 val1||inner-col1|inner-col2|
|icol1 val1|icol2 val1|
|icol1 val2|icol2 val2|
|col1 val2||col2 val2|
(or) atleast something where I can span a multiple rows for a column value
i.e.
|outer-col1|outer-col2|outer-col-3
|col1 val1 |col2 val1a|col3 val1a|
|col2 val1b|col3 val1b|
|col1 val2||col2 val2 |col3 val2 |
The only way I can span now is to have empty values in the column and have the reader assume that it represents the previous rows value for that column.
Found a way around to make nested tables at below linked page
https://community.atlassian.com/t5/Confluence-questions/Nested-table-in-wiki-markup-Confluence-4/qaq-p/18355
The solutions suggest many tags that can be used to achieve this. A simple one is {panel} tag. Just wrap the Inner table inside two {panel} tags.
Below is a sample and its result
Sample
||Tabe1Column1||Table1Column2||
|item1.1|item1.2|
|item2.1|Sub table {panel}
||Table2Coumn1||Table2Column2||
|sub item1.1|sub item 1.2|
|sub item 2.1|sub item 2.2|{panel}|
No, this is not supported in JIRA out of the box.
However, the JEditor add-on that is available on the marketplace does support this.
Since JEditor replaces JIRA's wiki editor it can have quite some impact on a JIRA instance, depending on how your users are used to work with mark-up. It can also affect other add-ons, so best to test properly before buying.

ActiveScaffold search date range

I am developing a Rails application using ActiveScaffold.
The thing is that I need to filter a list of results by a date range.
(SQL equivalent 'BETWEEN ? AND ?')
I know that ActiveScaffold has a feature that already does that, but it has too many options.
(Past, Future, Range, =, ...., Between). In this case, I only need the Between option in that combo.
I tried overriding the field using the Helper, but the closest I got was to display 3 different combos (one for year, one for month, one for day).
Is there any way to override Active Scaffold so that only displays the "Between" option?
EDIT
Active Scaffold already does the search part well.
I am trying to change the visual part so it doesn't display so many options.
EDIT 2
The calendar plugins for rails are dated from 2009 or they aren't under maintenance.
You can use a range as a parameter in AR.
Model.where(:date => from..to)
Also, I'm not sure if ActiveScaffold has something to do with it. Normally, all the tasks like this one can be perfectly solved within plain ActiveRecord.
EDIT:
As it turns out, author also needs to get the user's input for the boundaries.
This is a common task that can be solved with one of the thouhands js plugins for datepickers.
I would recommend you not to stick to ActiveScaffold for that purpose.
Try this simple Jquery datepicker, and it will turn normal text field into that drop-down calendar. You will only need several lines of javascript then.
If you need further advise, just ask.

Kendo Grid not sorting an alphanumeric column properly (Natural sort)

I am using Kendo Grid in my asp.net mvc 4 project. I have the latest version of Kendo UI. One of the columns on the grid has data like (initially unsorted) ..
MS1
MS2
MS3
MS2345
MS4
When I sort the column the data is displayed as ...
MS1
MS2
MS2345
MS3
MS4
Instead of ...
MS1
MS2
MS3
MS4
MS2345
This is what I am expecting when I sort the column.
What am I doing wrong?
Edit:
Based on the information I have been given so far (thanks guys), what I want to do is Natural Sort. I have more than 100,000 records in the database. I am doing all the sorting and filtering on the server-side due to the large number of records in the system.
Solution:
The following solution didnt work for me as our system is very large but just in case you wanna know.
Telerik guys replied saying "In order to do this you need to use custom binding. Then you would have full control over data operations such as paging and sorting. I found a few good resources how to implement natural sorting in .NET: http://www.interact-sw.co.uk/iangblog/2007/12/13/natural-sorting "
As #StephenByrne said string sorting works as your result. In order to achieve what you are looking for you should perform "natural sort"
What you can do is: in kendo grid, make the column as non-sort-able. Then using JavaScript click event fire any of below approaches to perform "natural sort"
Here are few examples how you can achieve this
http://my.opera.com/GreyWyvern/blog/show.dml/1671288
https://github.com/overset/javascript-natural-sort
https://stackoverflow.com/a/2802804/942855
http://www.bennadel.com/blog/2495-User-Friendly-Sort-Of-Alpha-Numeric-Data-In-JavaScript.htm

DevExpress MVC GridView: Colspan how to?

Can you tell me please how I can combine content of two columns into one, another words,
I need to render custom content for two columns but interpret it as a one column content.
After revising control and I think it equal colspan HTML.
Sample:
|--Col0--|--Col1--|--Col2---|
|--------|-CombindedContent-|
Using DevExpress MVC Griv View!
Thanks!
DevExpress MVC GridView does not allow for the organizing column in the required manner.
It is possible to use a merged column (band) at the first column level only:
http://mvc.devexpress.com/GridView/Bands
It is possible to use templates for organizing such a UI. However, in this case, you lose the built-in column resizing/best-fit functionality.

Smart gwt tree grid with multiple columns and check box

We need a Smart gwt tree grid with multiple columns and check box.
After some initial investigation it seems
1. Treegrid can support a tree for single columns and can support checkbox. But this is only for single column.
2. Treegrid can support multiple columns with datasource. However checkbox based selection is not supported..
Any suggestions on what component to use for this requirement?
Both features work together. Take any multi-column tree sample, eg this one:
http://www.smartclient.com/smartgwt/showcase/#tree_appearance_multicolumns
and just call
employeeTreeGrid.setSelectionAppearance(SelectionAppearance.CHECKBOX);

Resources