How to display query data in jQuery Mobile easily? - html

I have a jQuery Mobile web page with an Inset List that is wrapped in a HTML form. When the action is Submit, the POST parameters are validated in a corresponding file. An SQL query uses these parameters to extract data as per user's actions.
I was wondering, how I can display this query data in a tabular format which has about 8 columns.
Note: This application is actually used on desktop PCs only.
Any suggestions are welcome.

Without knowing the target devices, orientations, or size and type of data your are trying to display I would say that you can still use HTML table tags. If you want some jQuery Mobile type styling, this other post may help.
The response on this forum post explains some great reasons why you may want to reconsider displaying the data in a columnar fashion.
Is is possible to reconsider how much data to display or using something like collapsible sets? Otherwise you probably just want to stick it in the 8 column table and expect the user to scroll horizontally and vertically.

Related

Control for display of grouped data

For a small in-house project I need to display tabular data grouped by a certain column. It would be nice to be able to expand/collapse the groups. The Group title is a simple text string.
Is there an easy way to accomplish this with standard controls, preferably using data-binding instead of manually populating for example a ListView control?
You may be able to achieve what you need using SubDatasheets in Access.
Another way to display information, if you don't have too many columns, is to use a tree view.
There is even a 100% VBA one!

Django - should I use only 1 view for all website?

Lets say I want to make a website in which only one HTML template is used. For example, if one wants to create a new object, he clicks a button, and form shows up, leaving the remaining web page intact. My question is simples: should I use only 1 view to handle all the possible inputs/outcomes or should I have multiple views that handle the same template?
Thanks in advance
You can do one view, but if it starts to get complex, accounting for each possible input and output can become a headache. I suggest you use as many views as you need and then later implement AJAX to present everything as if it's only one-page
Seems like if that is the only thing that you want to do, having one FormView and handling the cases accordingly should suffice. For a given form, if it's not necessary, keeping it to one view is generally a good choice.

Displaying Large Amounts of Data in an HTML Table

I am generating HTML tables based on SQL statements for a Datawarehouse created through meta table information.
One of the issues I have is some of returned Datatables have 100 plus columns. Is there a neat way of displaying this in an HTML table or a specific design solution. Please note I am looking at the display here. Changing the amount of columns available is not an option. All columns need to be rendered.
Many thanks in advance for input.
I can think of 2 good solutions:
Wrap the whole table with a fixed-width container, and set overflow-x: auto on it. That will cause the table to scroll.
Allow the user to filter out whichever columns he doesn't need to see using JavaScript/jQuery.
Both are possible, the first is obviously easier to implement, but with the second you have more control. Choose your path and if you're stuck, you can ask here on StackOverflow for help.
What you are describing is called datagrid. You definitely should not generate the HTML yourself(as you sad) and instead just bind the result set to any kind of server-side data-grid or use some kind of client-side jQuery datagrid implementation.
https://stackoverflow.com/questions/159025/jquery-grid-recommendations

table for multi device

I am trying to create a long table, 10*10 cells. It looks good in desktop but I want to display the same table code to be used for mobile and ipad. Is there a trick to use single code for table for desktop and mobile?
The major issue I am facing is that the table needs to be accessible, and should work with non js version.
I tried to search but many have posted that they use different table for different devices, which I don't want to do.
As far as I know it would be difficult to do it with plain HTML/CSS. By introducing a scripting language, it should be easier to implement. Look at the following link for more info
A request to the server contains all type of info in it, where it is coming from, which browser they are using and which type of device it is. You should be able to utilize it. Again you have to use script. You can also use JavaSacript but since that is not your option, Script will the only way to do it. Such as PHP, ASP.NET or any other that you are using.

How to show large amount of data in page wise using html?

How to show large amount of data in page wise using HTML and how to restrict the page data.
ex:suppose if we save the page using browser the data should not be saved by the users.
1) To show parts of HTML data divided over a few pages, you'll probably want to have the data in a database and then retrieve, format it and the deliver to your user.
2) You can't restrict the users from saving the data on your page when using HTML. The rationale is that what the user sees must definitely be downloaded from your site. That being said, when he saves the page, he'll definitely be able to save all the text and HTML. If your data is really that important and needs to be protected, consider using other technologies, such as Adobe Flash or even Java Applets.
Hope it helps. Cheers!
You can use hyperlinks to divide the page data in multiple pages or needs to use some server side scripting like PHP/ASP.
You cannot restrict user to save the html output however you can use java applets or flash to do that.
Not sure I understood the question, but if you want to show something on the page that user cannot easily download or copy you can use Flash. There is no way to do it with HTML.