jQuery Grid Plugin - jqGrid - Topic: How to use surl in Edit row

Renso on How to use surl in Edit row

Sat, 15 Nov 2008 17:12:49 +0200

Tony just to add my 10c worth.

Scenario: list of products:

column1: edittype: select, list of products

column2: edittype:select, list of pricing schemes for that selected product

On selecting the first cell with list of products, the options in list of pricing schemes meeds to be adjusted automatically via an ajax call to the server that passes ni the select product as parm and get the schemes for it. I was thinking of custom building it but seems to be a catch 22 since you can do a cell edit but cannot do setColProp for the second column or some other method as the second column is active. On selectRow it also has issues with this it seems. Will be great to have surl for this kind of scenario.

softcore on How to use surl in Edit row

Tue, 21 Oct 2008 05:46:24 +0300

Yes, option to refresh the list every time is very wellcome! Thanks, Tony!

tony on How to use surl in Edit row

Tue, 21 Oct 2008 01:21:33 +0300

Hello,

I will try to implement this having a option to refresh the list every time or only once.

Thanks

Best Regards

Tony

softcore on How to use surl in Edit row

Tue, 21 Oct 2008 00:18:04 +0300

I think it could be a good idea to add a possibility to use surl in editing like in filterGrid

tony on How to use surl in Edit row

Mon, 20 Oct 2008 12:32:06 +0300

Hello,

I apologize for this post - It is wrong Sorry.

The right is:

Currently you can use surl option only in filterGrid method.

Sorry again

Best Regards

Tony

tony on How to use surl in Edit row

Sun, 19 Oct 2008 07:52:18 +0300

Hello,

Currently you can use surl option onli in cell editing module and

not in form and inline edit. Also please read carefully the docs.

Regards

Tony

shibaji on How to use surl in Edit row

Sat, 18 Oct 2008 07:57:39 +0300

I have use the following code

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','Group'],
       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"}},
        {name:'group',index:'group', width:100, sortable:false,editable: true,edittype:"select",surl:"b.jsp",search:true},

       ],
       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
);

b.jsp output

<select> <option  value="0">    Choose One   </option>
<option  value="t1"> T1</option>
<option  value="t2">T2</option>
</select>

it gives the javascript error  option value undefined

please reply