jQuery Grid Plugin - jqGridForum

Topic RSS

ui.tabs et JqGrid

25/02/2009
04:33

cvneo

Member

Members

Forum Posts: 47

Member Since:
25/02/2009

Offline

Hello,

Is it possible to integrate JqGrid in a ui.tabs of tabs?

Because I can not: (

Error Message:
$ [namespace] [name] is not a constructor
[Break on this error] $. Data (this, name, new $ [namespace] [name] (this, options)));

I try to do so via different ways.

If you have a solution as an example thank you in advance for your help.

PS: It might be of interest to add your plugin has ui.jquery:) for a seamless integration?

25/02/2009
04:49

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Could you please post the code that is connected with ui.tabs and jqGrid or send me to: tony at trirand dot com

I'm very interested on this since of jqGrid integration with UI Theme Roller

Thanks

Regards

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

25/02/2009
05:18

cvneo

Member

Members

Forum Posts: 47

Member Since:
25/02/2009

Offline

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<head>
<title>Document sans titre</title>
<script language="JavaScript" type="text/javascript" src="jquery/jquery-1.2.6.js"></script>

</head>
<body style="font-size:62.5%;">
<div id="Onglet">
    <ul>
        <li><a href="#Tab1"><span>Ligne 1</span></a></li>
        <li><a href="#Tab2"><span>Liste 1</span></a></li>
    </ul>
    <div id="Onglet1">
        Onlget1
    </div>
    <div id="Onglet2">
        Onglet 2 :<br />
        <table id="list4" class="scroll" cellpadding="0" cellspacing="0"></table>
        <script type="text/javascript">
        $(document).ready(function(){
            var gridimgpath = 'jquery/jqGrid/themes/basic/images';
            $("#list4").jqGrid({
                datatype: "local",
                height: 250,
                colNames:['ID','Référence', 'Titre', 'Stock','Prix HT','Prix TTC','Notes'],
                colModel:[
                    {name:'id',index:'id', width:60, sorttype:"int"},
                    {name:'invdate',index:'invdate', width:90, sorttype:"date"},
                    {name:'name',index:'name', width:100},
                    {name:'amount',index:'amount', width:80, align:"right",sorttype:"float"},
                    {name:'tax',index:'tax', width:80, align:"right",sorttype:"float"},
                    {name:'total',index:'total', width:80,align:"right",sorttype:"float"},
                    {name:'note',index:'note', width:150, sortable:false}
                ],
                imgpath: gridimgpath,
                multiselect: true,
                caption: "Manipulating Array Data"
            });
            var mydata = [
                    {id:"1",invdate:"2007-10-01",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},
                    {id:"2",invdate:"2007-10-02",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"},
                    {id:"3",invdate:"2007-09-01",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"},
                    {id:"4",invdate:"2007-10-04",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},
                    {id:"5",invdate:"2007-10-05",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"},
                    {id:"6",invdate:"2007-09-06",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"},
                    {id:"7",invdate:"2007-10-04",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},
                    {id:"8",invdate:"2007-10-03",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"},
                    {id:"9",invdate:"2007-09-01",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"}
                    ];
            for(var i=0;i<=mydata.length;i++){
                $("#list4").addRowData(i+1,mydata[i]);
            }
        });
        </script>
    </div>
</div>
</body>
</html>

25/02/2009
05:33

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Which version of UI do you use? I see you use jquery 1.2.6 - if you use the latest UI (1.6rc6) this will not work at all. Will check this instead.

Regards

Thanks

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

25/02/2009
05:36

cvneo

Member

Members

Forum Posts: 47

Member Since:
25/02/2009

Offline

In fact it works now.

This seemed to come from a problem file.

Sorry for the inconvenience.

As against in your list of example this may be of interest to add a component instance with ui.jquery

Thanks
Regards

--------------------------------------------

En fait cela fonctionne maintenant.

Cela semblait provenir d'un soucis de fichier.

Désoler pour le dérangement.

Par contre dans votre liste d'exemple cela peut etre interessent d'ajouter un exemple avec les composant ui.jquery

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
24 Guest(s)

Currently Browsing this Page:
1 Guest(s)