jQuery Grid Plugin - jqGridForum

Topic RSS

In Edit Popup mouse are not working

18/10/2008
05:25

shibaji

Member

Members

Forum Posts: 14

Member Since:
18/10/2008

Offline

when i click edit nav bar ,a pop up open when i click on any text box,checkbox the popup close but when i use keyboard its working fine

jQuery(document).ready(function(){

    jQuery(”#editgrid”).jqGrid({
    url:'a.jsp?q=1',
        datatype: “xml”,
        colNames:['Select','UserID','First Name', 'Last Name', 'User Created Date','User Created By','Last Modification Date','Password','Status'],
       colModel:[
           {name:'id',index:'id', width:55,editable:false,editoptions:{readonly:true,size:10}},
            {name:'uid',index:'uid', width:55,editable:true,editoptions:{size:10}},
            {name:'uname',index:'uname', width:80,editable:true,editoptions:{size:25}},
           {name:'lname',index:'lname', width:90,editable:true,editoptions:{size:25}},
        {name:'ucreatedate',index:'ucreatedate', width:60,sortable:true, align:"right",editable:true,editoptions:{size:10}},
        {name:'ucreatedby',index:'ucreatedby', width:60, align:"right",editable:true,editoptions:{size:10}},
        {name:'ldate',index:'ldate', width:60,align:"right",editable:true,editoptions:{size:10}},

        {name:'pass',index:'pass', width:60,align:"right",editable:true,edittype:"password",editoptions:{size:10}},
        {name:'status',index:'status', width:100, sortable:false,editable: true,edittype:"select",editoptions:{value:"Active:Active;InActive:InActive"}},
       ],
       rowNum:6,
       rowList:[6,12,15],

       pager: jQuery('#pagered'),
    imgpath: 'themes/basic/images',
    sortname: 'id',
    viewrecords: true,
    sortorder: “desc”,
    caption:”GRID”,
    editurl:”edit.jsp”
    });
    jQuery(”#editgrid”).navGrid('#pagered',
    {}, //options
    {height:280,reloadAfterSubmit:false, url:”edit.jsp?yes=1″ }, // edit options
    {height:280,reloadAfterSubmit:true,url:”edit.jsp?yes=2″}, // add options
    {reloadAfterSubmit:true,url:”edit.jsp?yes=3″}, // del options
    {} // search options
);

please help me as soon as possible

19/10/2008
04:04

cage

Member

Members

Forum Posts: 15

Member Since:
31/03/2008

Offline

Hi, I have the same problem with the delete box.

The box appears at the top of the page and disappears as soon as !i click in the page.

The keyword works fine.

Help needed

Thanks

Gerard

19/10/2008
07:57

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

@shibaji

You have a error in the code, please check for unneeded comma in the

last item in colModel. Your grid will not work in IE.

@cage

This is the standart way of the delete box. You shuld creaate the delete

dialog with modal: true if you do not want this

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.

19/10/2008
14:00

cage

Member

Members

Forum Posts: 15

Member Since:
31/03/2008

Offline

No better.

The dialog box doesn't accept mouse input (click).

Impossible to drag it.

It's ok with the keyword

Linux, Firefox 3.0.3, last Jqgrid

The code :

$('#gridEvents').jqGrid({

url: 'index.php?bnAction=131585'

,rowNum: 100

,rowList: [25,50,75,100]

,imgpath: 'Bn/Style/Gridview/basic/images'

,mtype: 'post'

,datatype: 'json'

,pager: $('#pagerGridgridEvents')

,height: 500

,caption: 'Tournois enregistrés'

,colNames: ['id','Date','Nom','Zone','Type','Visites', 'Action']

, colModel: [{name:'1', sortable:false, hidden:true}

,{name:'2', width:70, align:'left', resizable:false}

,{name:'3', width:400, align:'left', resizable:false}

,{name:'4', width:80, align:'left', resizable:false}

,{name:'5', width:80, align:'right', resizable:false}

,{name:'6', width:80, align:'left', resizable:false}

,{name:'act',index:'act',sortable:false,editable:false,align:'center',width:50}]

, loadComplete: function(){

var ids = jQuery('#gridEvents').getDataIDs();

for(var i=0;i<ids.length;i++)

{

var id = ids[i];

del='<img id="imgdel" width="16" height="16" src="Bn/Img/delete.png" alt="del" onclick="jQuery("#gridEvents").delGridRow('+id+', {url:"index.php?bnAction=131588", top: 10, left: 10, modal: true, msg: "Supprimer les lignes sï¿½lectionnï¿½es ?", caption: "Suppression", bSubmit: "Supprimer", bCancel: "Abandonner"});" />';

jQuery('#gridEvents').setRowData(id, {act:del});

}

}});


Thanks

20/10/2008
06:07

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

I thinc the jqModal.css is not loaded. Ensure that it is loaded.

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.

20/10/2008
08:29

shibaji

Member

Members

Forum Posts: 14

Member Since:
18/10/2008

Offline

Thanks for guidance .Its working fine

20/10/2008
17:00

cage

Member

Members

Forum Posts: 15

Member Since:
31/03/2008

Offline

Thank's Tony. All is well now.