Grid ordering best practice on websites - asp.net-mvc

The question relates to the way in which rows are ordered in a grid when each column has an ascending or descending sort button. We're wanting to develop this in a way that is "industry standard" or "best practice".
Say we have four columns: Region, Country, Town, Street.
The user wants to sort by Country and then Town.
Do they:
Click the sort button on Town followed by Country or
Click the sort button on Country followed by Town
In many ways the former is easier to develop because each time a sort is clicked we can simply bring it to the front of the list, keeping about three in the list.
Is there even a standard way of doing it, if so what is it?

There is no standard way of doing this that I know of, and you would most likely want to use an third party library to achieve it. It is a very complex process to create a functional grid UI so two libraries that you might want to look at is JqGrid and Telerik's Kendo UI grid examples. The JqGrid is a free third party library and Telerik lets you trial their libraries.
For multiple sorting with kendo UI you can find it in the documentation and JqGrid is in the same link under searching/filtering multiple fields for the example click on the search icon and with it should give you an option to search by multiple columns.
Here is a image from the JqGrid multiple column search/filtering example to better explain.

Related

Cascading dropdowns in google forms

Is it possible to have cascading dependent dropdowns (like Country and City select options) in Google Forms?
I searched and found some ways to do it using google spreadsheets, but I could not find a way to do so using google forms
Is it at all possible?
I don't know a way to do it with just google forms, but it is possible with Google HTML Service forms. Here is a simple example. Very basic. You can do much more, but I think is does what you are after.
https://docs.google.com/spreadsheets/d/1rQ-yfZJEk7Y4OnxqyXFCHrxaFPLhjIPmYoQw5SJV5OA/edit?usp=sharing
Use the "Go To" functionality. Based on the response to the first drop down, route the user to the appropriate section with a drop down with the desired values.

Suggestion required - Use 3rd party UI grid or build own grid from scratch?

The project will be built in MVC4 using Entity Framework.
First of all, The targeted grid should be looking like this(It's just a sketch I've made graphically, But it should like this in the end):
What will it contain, what I am questioning and what I have done so far:
*These are all the steps i've done until now created without any grid/ 3rd party grid/ helpers to avoid restrictions when receiving the project's actual HTML.
Data retrieved by dynamic grouping - (Done)
The data is sortable(ViewBag sorting) and have paging(IPagedList) (Done)
Filtering each row with distinct value like in the picture example, Running ranges/searches within - Not sure how to implant it without using UI grid - Not done yet.
Exporting grid , Adding rows dynamically from within the grid in a list and updating it on demand - Also something that a UI grid could suggest in much easier manner , Not done yet.
So from what you've understood so far, Should I work and could I work with a 3rd party grid that could handle all those options without restriction or should I build all those options manually like i've build the sorting/paging so far?
Many thanks in advance.
First you need to note down your requirements and if you cant achieve it the crucial part in Grid, then going for the 3rd party controls would be better choice.
For MVC Grid, please check the demo links of leading products such as Telerik, Syncfusion.
Syncfusion MVC Grid demo
Telerik MVC Grid
You can evaluate these controls for some period and if it satisfies your needs, you can go ahead with one product.
Mostly all product vendors would give an Export option for Grid to PDF/Excel/Word.
UPDATE:
I guess Syncfusion MVC Grid will satisfy your requirement. They have filtering with essential features.
It will load distinct values in the filter choice list.
You can filter string values with casesensitive and vice versa.
Can be able to filter values according to its datatype.
Can be able to filter values using customer filter.
Can be able to filter using filter tokens.
Better check the below links.
http://mvc.syncfusion.com/demos/ui/grid/Filtering/ServerFiltering
http://help.syncfusion.com/ug/asp.net%20mvc/grid/default.htm#!documents/howtofilterdatausingfiltertokensinthefilterbar.htm

Jquery Mobile need a drop down to choose US States

I need a drop down in my Jquery Mobile application where the user can choose US States.
What is the best control to use for this?
I was thinking of using the
ListView
but wasn't sure if there was a better control for this purpose.
Have you looked at the jquery-mobile drop-downs aka as selects? (also look at the page for custom selects).
In fact in the documentation page for the custom selects that I linked to ( the example given is for a drop-down with the US States.

Are there any Rails plugins that allow for Excel-like functionality in the views?

I am looking for a way to allow web users to view tabular information in a view, and interact with the data in a similar way. In other words:
Tab through cells
Highlight multiple cells
Fill multiple cells simultaneously
Does such a plugin exist? I have not been able to locate one via search engines.
Maybe activescaffold is what you want? http://activescaffold.com/
Check out something like Google's charting API, it includes an interactive table which can be sorted by headers etc. It doesn't look like it does editing, but I'm not sure if that's a requirement for you or not. If you need an editable table, I guess you'd be looking for a specialised wysiwyg editor in javascript for that.

How to filter the drop down list by using other drop down list in asp.ner MVC

everyone, I encounter a problem when I try to filter the drop down list.
The situation is I wish to filter the Agent dropdown list by using the Company dropdown list in same view/form. Since I need to display the Agents that only belong to the selected Company. But I have no idea to do that.
Any solution, please?
Look at this 2 link's they may be helpful
http://www.asp.net/ajax/ajaxcontroltoolkit/Samples/CascadingDropDown/CascadingDropDown.aspx
It's ajax toolkit with control you want.
http://stephenwalther.com/blog/archive/2008/08/24/asp-net-mvc-tip-37-create-an-auto-complete-text-field.aspx
artical how to use ajax toolkit with mvc.
Hope this will help

Resources