jqGrid alternate for Mobile apps - javascript

Is there any thing similar to jqGrid available for Mobile applications ?
Could someone please suggest a javascript plugin that I can use with RhoMobile platform ?

jqgrid works without issues in Mobile devices. You should use it

Rhodes (RhoMobile's client application framework) applications are built in Ruby (for your "server-side" business logic) and HTML (for your views.) The applications are rendered in a native web-view on the device. Therefore, the application you write is limited only by the web-view of the device that it is running on.

Related

Is there an easy way to get Android UI elements in an HTML page?

I'm developing a prototype of an Android app in HTML/CSS/JS, so that I can experiment with the UX of the app.
As a part of that I want to be able to style HTML elements as Android elements and (preferably) have them behave as if they're native Android UI elements.
Is there a JavaScript or CSS library that will do this for me? I've Googled, but nothing has come up.
I would recommend to take a look at the following Frameworks and Browserplugins. Maybe you will decide afterwards to regret using the native android toolkit at all, because it can be a big advantage to develop the application platform independent using HTML5 and Javascript techniques. Than later, if you want to port it to another platform you won't have to change a lot / almost nothing on the code base.
Phonegap
Ripple Browser Plugin (Phone Emulator)
JQuery Mobile
which is completely themeable: Jquery native android theme
The whole thing can finaly look like the following:
jpHolo

webview for user interface in android

I was searching for how to use swf file in android and most of the answer suggested me to use webview and an simple html file.
Now i think We can easily put css and javascript files in asset folder and then we can use them in an html5 code.
Looking at the power of HTML5, This will make app development for a web designer very easy job !
I just want to know that is it good to use this approach to build a good user interface in android ? Are there any technical pros/cons behind it ? will i miss some features provided by android ?
There are a lot of frameworks that allow you to write native android applications using HTML/CSS/JavaScript only. Here some of them :
PhoneGap
Cordova
Titanium
I've never used any of them, so I can't say if it's good or bad idea to write android apps this way, but here you can find a good session about it HTML5 versus Android.
There are pros & cons of using cross platforms. As per my point of view you shouldn't go for loading of everything in WebView.
I still recommend you native app approach because of following points :
WebView is one of the UI control in Android SDK. So, it will have
limitation of memory size and working with CPU utilization. So, you
might face performance issues in some devices.
As you know in older era we were used to work with desktop apps and after that everything is shifted to web-application.
It was
possible only because our browser(s) gets more features for e.g. more
memory area, CPU access, threading, individual Processing (like
google chrome) etc...
in-short, web browsers gets more smart and get treated as separate application. Now a days web-application can have mostly similar
performance as desktop apps. So, everything is now shifted to
web-application development.
This era will come in to Mobile development in later stage. but currently we are in middle stage of Mobile development and Cross platform development. So until and unless Web-View control of any platform (iOS / Android) gets more powerful, we can not totally relay on that.
I Hope I explain it properly :)

Common code base for HTML5/CSS/JS webapp and native app

I have been asked to create a webapp and native apps using HTML5/CSS/JS.
I should make some research, but i remember I heard about PhoneGap.
My basic question is this:
if i write a HTML5/CSS/JS that somehow interacts with a server backend (through webservices for example), this is a web application that a user can reach with a browser (or mobile browser) at a specific IP addresss.
If I "phonegap" the same code do I obtain an Android od iOS application that is already working or is there some more work in between? IF there is some more work this is not clear to me.
I am aware this is a generical question, anyway it is a programming question because I need to know if going for this single code base is an option or not.
Thanks!
I have recently built a hybrid web application using the same codebase that had to work on all major desktop browsers (down to IE8), mobile browsers and be installed as a "native-like" app on iOS and Android. For this I used jQuery Mobile and PhoneGap Build.
You can only use HTML, CSS and JavaScript for PhoneGap applications, so any data being retrieved from the server needs to be done via AJAX, but it works just fine.

How to build web application which will work fine for touch screen?

What all possible support is there from open source world for building web based application for mobile/ipad touch screen?
I was going through http://jquerymobile.com/.. is it good plugin to develop web based application for mobile/ipad touch screens? Has any one used that..is it easy to customize?
what are the major challenges faced in using this?
Any other good tool/plugin for my development work?
PhoneGap is a framework to wrap your HTML5 app in a WebView, so you are able to deploy it like a native app. PhoneGap supports iOS, Android, Windows Phone, Bada, Symbian, Blackberry and WebOS.
Getting started with PhoneGap
jQuery Mobile is a Javascript framework for UI design of apps for mobile touch devices.
Getting started with jQuery Mobile
It is nice and easy to use for simple apps. jQuery Mobile is also themable and you can customize it with your own CSS.
If you want to deploy your web app as a native app in app stores, PhoneGap is the way to go, but you can also deploy your web app with jQuery Mobile UI on a web server, if you want it to be accessible online.
jQuery Mobile Docs:
PhoneGap is an HTML5 app platform that allows developers to author
native applications with web technologies and get access to APIs and
app stores. Applications are built as normal HTML pages and packaged
up to run as a native application within a UIWebView or WebView (a
chromeless browser, referred to hereafter as a webview).
PhoneGap Wiki:
jQuery Mobile: Touch-Optimized Web Framework for Smartphones & Tablets
A unified user interface system across all popular mobile device
platforms, built on the rock-solid jQuery and jQuery UI foundation.
Its lightweight code is built with progressive enhancement, and has a
flexible, easily themeable design.
Seriously cross-platform & cross-device
jQuery mobile framework takes the "write less, do more"
mantra to the next level: Instead of writing unique apps for each
mobile device or OS, the jQuery mobile framework will allow you to
design a single highly branded and customized web application that
will work on all popular smartphone and tablet platforms. Device
support grid
Touch-optimized layouts & UI widgets
Our aim is to provide tools to build dynamic touch interfaces that
will adapt gracefully to a range of device form factors. The system
will include both layouts (lists, detail panes, overlays) and a rich
set of form controls and UI widgets (toggles, sliders, tabs).
Phonegap is another option. Which works for several platforms
We have used jQueryMobile as well as Sencha touch for developing web applications for touch screens.
Sencha Touch is the leading MVC-based JavaScript framework for building cross-platform mobile web applications. Sencha Touch leverages hardware acceleration techniques to provide high-performance UI components for mobile devices. New developers will appreciate the availability of Sencha Architect, a GUI tool that helps create interfaces as easy as drag and drop. 

Unable to perform javascript functions on Rails mobile site

I have a existing website in rails 2.3.8 which i want to develop for mobile phones(andriod,iphone), something like facebook's mobile site.
I found that creating the view pages with extension .mobile.erb will do the job.
But the problem is i am unable to call existing javascript functions on mobile site which i used for the main site.
I want to know if it is possible to call js or is there any alternative way.
Of course, you can use javascript on you mobile web pages. For iOS and Android. For other mobile i don't know.
Doc for safari ios : http://developer.apple.com/devcenter/safari/index.action
For iPhone you can use the iUI framework http://code.google.com/p/iui/ which consists of a JavaScript library, and CSS similar to that of native iOS apps.

Categories