jqGrid.Mobile Beta
Hello All,
We are happy to inform you that we are launching a new suite of products which are targeted specifically at mobile devices and built on top of jQuery and jQuery mobile. The suite is called jqSuite.Mobile Javascript and currently features our first product – jqGrid.Mobile. Our first product in the suite – jqGrid.Mobile BETA can be seen live in action here, for PHP and Javascript platforms:
Demos:
Javascript Forum
PHP Forum
The product can be downloaded from here:
[download Javascript]
The main difference between our standard jqSuite offering and jqSuite.Mobile is that the latter is focused exclusively on mobile devices and jQuery.Mobile. With jqSuite we have already achieved very high levels of compatibility for almost all touch based devices – Android, iOS, Win7/8 Mobile. However, jqSuite.Mobile brings that a few steps further and provides a new interface with largess icons and text built for mobile touch devices accessibility and consistent with the theme of jQuery.Mobile. Many additional touch based events and actions are supported and in addition to that, it provides a base that we will further enhance as jQuery.Mobile and touch devices in general evolve. Example of jqGrid.Mobile can be found in Android casino games where this technology is used to design Android casino games for websites such as this http://www.androidcasinosites.net/.
jqSuite.Mobile Javascript can be used with all server-side technologies like PHP, ASP.NET, Java, Ruby on Rails, Python, etc. However, we will be releasing special editions for PHP and ASP.NET that will build on top of what we currently have and provide a better experience for server-side developers.
We are looking forward to your feedback.
Kind Regards,
The TriRand Team
Excelente…
Muy buen aporte.
Me gustaria saber si se puede tener activos ambos pluguin tanto el de escritorio remoto y el de mobil.
Really really nice work…
Was expecting this since a long time, thanks !! 🙂
So far only played with the demo, and looks very promising.
I have this running in a prototype intranet app on an iPad 2, and it works great!
Looking forward to a stable release.
Excellent product with lots of flexibility, pretty much can do anything with it..
Hello, I think your website might be having browser compatibility issues.
When I look at your blog site in Opera, it looks fine but when opening in Internet Explorer, it has
some overlapping. I just wanted to give you a quick heads up!
Other then that, superb blog!
Hello,
I have downloaded the jqGrid.Mobile Beta but it is giving error “Script is expired”
Please help me. I will be appreciated.
Thanks
Dharamdev
hello i try to do my first mobile grid but i can’t be able to see your same layout, it looks like no css are loaded. can u help me?
@francesca
Could you please post your question here: http://www.trirand.net/forum/default.aspx?g=forum
Thank you
where can we find the documentation of jqgrid mobile?
Hi,
can you help me with Add/Edit functionality of jqGrid mobile beta version?
You can use the documentation of jqGrid for jqGrid Mobile too
What most of us need responsive design jqGrid:
1. Exist old code of regular jqGrid in a lot websites with extensive js code – should exist jqGrid mobile that added to regular jqGrid existed code and make it for mobile without change any js code
2. Today Twitter bootstrap 2 have responsive design and a lot plugins – if jqGrid will continue with jquery ui, nobody will use him anymore.
Hi, the jqSuite for JavaScript Mobile Devices license, expires in one year or is indefinite? Thanks!
@tom
right – somebody here should make it responsive
Looks like the download link:
http://trirand.net/downloads/jquerymobile.Grid.zip
il broken…
Horizontal Scrolling is not Properly WOrking when User Scrollit Slowly….
Please Update that Issue..
Hi where I can download japery mobile .
Thanks
Saeed
thanx,
Merci pour tous
Where can i download the javascript version of the jquery.mobile? The link present on this page returns a 404.
Please advise… thank you!
the link return error 404. can you fix it ?
thanks
Hello,
The link is fixed.
Regards
Why is not Responsive Design? my idea is use jqGrid for all devices. jqGrid latest just support more touch screen. We should not divided into several type. I’m making a version demo for Responsive Design using jqGrid 4.5.2. Sorry, my bad english.
Hi I am now moving my sites using jqgrid over to jquery mobile. I cannot access your link today – is there a download link for the jqgrid for jquery mobile. Look forward to creating some great mobile grids.
Regards
Tony
All download links are not working 🙁
http://trirand.net/downloads/jquerymobile.Grid.zip returns 404
and http://www.trirand.net/download.aspx returns server error
Can you fix this links or give us another for download jqGrid Mobile?
The download is broken
@starnutoditopo
Pls fix link. I cant download. I am working with mobile using jqgrid.
Thanks and Regards
DKTVIET
Link seems to be still bronken
Error on Download Link
Server Error in ‘/’ Application.
Parser Error
Description: An error occurred during the parsing of a resource required to service this request. Please review the following specific parse error details and modify your source file appropriately.
Parser Error Message: Could not load type ‘GridTest.download’.
Source Error:
Line 1:
Line 2:
Line 3:
Source File: /download.aspx Line: 1
Version Information: Microsoft .NET Framework Version:2.0.50727.4241; ASP.NET Version:2.0.50727.4244
http://www.trirand.com/blog/jqgrid/mobile/Trial-License.txt is valid for the core jquerymobile.jqGrid.js ? Thanks a lot !
try for download http://trirand.com/blog/jqgrid/downloads/downloaddemo.php
Hi
Is the jqgrid mobile version alive and well – I am very keen to start using but cannot find much documentation or comment.
Regards
Tony Ayling
Brisbane
Australia
Hi I have created a demo using the mobile version – building on the subgrid examole and have a very good result – but I have tried to use the jquery mobile css file i created with jquery mobile themeroller – it doesnt seem to work and the formatiing is wrong and the icons do not show – any tips on what i should change would be very welcome.
Thanks
Tony Ayling
I had the same issue – the demo looks great. But when I downloaded the code, my jqGrids would look fine on my desktop, but the icons were missing/offset on an iPhone and Android device.
What I had to do was modify part of the “jquery.mobile.css” file to look like this:
.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit,
.ui-icon-search, .ui-icon-searchfield:after,
.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
background-image: url(images/icons-18-white.png);
-moz-background-size: 776px 18px;
-o-background-size: 776px 18px;
-webkit-background-size: 776px 18px;
background-size: 776px 18px;
}
i create 1 little application i want it fill data in jQgrid so i did thos code in javascript function
function showTraineeTypeEdit(a)
{
$(‘#rptgrid’).GridUnload();
$(“#rptgrid”).jqGrid({
url:”demoController.htm?cmdAction=getDemoData”,
datatype: “json”,
colNames:[“name”,”address”,”Edit”],
colModel:[
{
name:’name’,
index:’name’,
width:’100′,
align:’center’
},
{
name:’address’,
index:’address’,
width:’100′,
align:’center’
},
{
name:’name1′,
index:’name1′,
width:’100′,
align:’center’,
sortable: false,
formatter: “showlink”,
search : false,
sorttype:stop
}
],
rowNum:10,
rowTotal: 10000,
rowList:[10,20,30],
rownumbers:true,
gridview:true,
height:’auto’,
altRows:true,
sortname: ‘name’,
viewrecords: true,
sortorder: “asc”,
dataType:”local”,
pager: ‘#pagerrptgrid’,
grouping: false,
footerrow: false,
loadonce:true,
userDataOnFooter: true,
gridComplete:function()
{
var ids = jQuery(“#rptgrid”).jqGrid(“getDataIDs”);
for(var i=0; i<ids.length; i++)
{
var cl = ids[i];
var edit=$("#rptgrid").getCell(cl, "name");
alert(edit);
if(edit.search("editdata") == -1){
var vcontrol0 = '‘;
jQuery(“#rptgrid”).jqGrid(‘setRowData’,ids[i],{
name1:vcontrol0
});
}
}
$(‘#errorBoxEdit’).hide();
}
});
jQuery(“#rptgrid”).jqGrid(‘navGrid’,’#pagerrptgrid’,{
add:false,
edit:false,
del:false,
loadonce:false
});
return true
}
and here data will come from java class using json
and those code is
public String getDemoData(Map param) throws ClassNotFoundException, SQLException, IOException, JsonGenerationException {
String json = “”;
List rs = null;
javautill jsonParser = new javautill();
DemoFormBean objFormBean = (DemoFormBean) param.get(“FORMBEAN”);
String sidx = objFormBean.getSidx();
int page = objFormBean.getPage();
int rows = objFormBean.getRows();
rs = (List) manag.getDemoData(convertentitytoform(param));
json = jsonParser.parse(rs, sidx, page, rows);
return json;
}
problem is DATA will not come in jQgrid
Hi
How can i use bootstrap and jqgrid in the same page with same jquery library??.
I’m not able to use the jquery-3.2.0.min.js library for both bootstrap and jqgrid…..