Home > jQuery > jqGrid.Mobile Beta

jqGrid.Mobile Beta

November 1st, 2012 Leave a comment Go to comments

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
PHP

Forums for feedback:

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

Tags:
  1. Jair
    November 14th, 2012 at 03:16 | #1

    Excelente…

    Muy buen aporte.
    Me gustaria saber si se puede tener activos ambos pluguin tanto el de escritorio remoto y el de mobil.

  2. Aurelien Pernoud
    November 15th, 2012 at 10:41 | #2

    Really really nice work…
    Was expecting this since a long time, thanks !! 🙂
    So far only played with the demo, and looks very promising.

  3. Michael Biasetti
    November 20th, 2012 at 20:14 | #3

    I have this running in a prototype intranet app on an iPad 2, and it works great!

    Looking forward to a stable release.

  4. Abeer
    November 23rd, 2012 at 06:11 | #4

    Excellent product with lots of flexibility, pretty much can do anything with it..

  5. December 30th, 2012 at 08:03 | #5

    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!

  6. dharamdev
    January 17th, 2013 at 12:52 | #6

    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

  7. francesca
    January 18th, 2013 at 10:17 | #7

    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?

  8. January 18th, 2013 at 10:33 | #8

    @francesca

    Could you please post your question here: http://www.trirand.net/forum/default.aspx?g=forum

    Thank you

  9. francesca
    January 23rd, 2013 at 10:34 | #9

    where can we find the documentation of jqgrid mobile?

  10. ashish jagdale
    January 28th, 2013 at 16:15 | #10

    Hi,
    can you help me with Add/Edit functionality of jqGrid mobile beta version?

  11. Agustin
    March 15th, 2013 at 21:04 | #11

    You can use the documentation of jqGrid for jqGrid Mobile too

  12. tom
    April 14th, 2013 at 22:56 | #12

    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.

  13. César
    April 15th, 2013 at 04:17 | #13

    Hi, the jqSuite for JavaScript Mobile Devices license, expires in one year or is indefinite? Thanks!

  14. tom
    April 19th, 2013 at 14:30 | #14

    @tom
    right – somebody here should make it responsive

  15. starnutoditopo
    May 9th, 2013 at 12:38 | #15

    Looks like the download link:
    http://trirand.net/downloads/jquerymobile.Grid.zip
    il broken…

  16. Abhishek Bendre
    May 20th, 2013 at 12:16 | #16

    Horizontal Scrolling is not Properly WOrking when User Scrollit Slowly….
    Please Update that Issue..

  17. Saeed
    May 29th, 2013 at 14:23 | #17

    Hi where I can download japery mobile .
    Thanks
    Saeed

  18. Alilo
    June 23rd, 2013 at 15:50 | #18

    thanx,
    Merci pour tous

  19. justin andrews
    June 30th, 2013 at 01:49 | #19

    Where can i download the javascript version of the jquery.mobile? The link present on this page returns a 404.

    Please advise… thank you!

  20. Sergio
    July 25th, 2013 at 18:02 | #20

    the link return error 404. can you fix it ?
    thanks

  21. July 25th, 2013 at 18:08 | #21

    Hello,

    The link is fixed.

    Regards

  22. September 5th, 2013 at 11:12 | #22

    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.

  23. Tony AYling
    October 25th, 2013 at 08:57 | #23

    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

  24. Lorenzo
    November 25th, 2013 at 17:05 | #24

    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?

  25. Daniel
    November 26th, 2013 at 13:08 | #25

    The download is broken

  26. December 2nd, 2013 at 19:27 | #26

    @starnutoditopo
    Pls fix link. I cant download. I am working with mobile using jqgrid.

    Thanks and Regards
    DKTVIET

  27. Agustin
    January 13th, 2014 at 18:30 | #27

    Link seems to be still bronken

  28. Anil
    January 24th, 2014 at 13:01 | #28

    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

  29. imrik
    February 19th, 2014 at 12:07 | #29

    http://www.trirand.com/blog/jqgrid/mobile/Trial-License.txt is valid for the core jquerymobile.jqGrid.js ? Thanks a lot !

  30. April 7th, 2014 at 06:54 | #30
  31. Tony Ayling
    June 3rd, 2014 at 03:33 | #31

    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

  32. Tony Ayling
    June 4th, 2014 at 03:15 | #32

    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

  33. July 25th, 2014 at 14:16 | #33

    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;
    }

  34. priyankmodi.20691
    July 30th, 2014 at 11:56 | #34

    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

  35. satyendra
    April 12th, 2017 at 14:53 | #35

    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…..

  1. No trackbacks yet.

Privacy Policy   Terms and Conditions   Contact Information