Thanks a lot brother 

you are so helpful

best regards

"What you mean multiselect does not work in “Custom edit”? -  What is “Custom edit”?"

I ment that you can't use "multiselect:true" in the “Custom edit” example page in the demo folder.

I wonder is there anyway to make the value selected by default if I used (edittype:"select") ?

Now, if I used (edittype:"select"), I wonder if there is anyway to make the default value (the selected value before editing) is selected when I edit the row.

like this (<option value="32" selected>...</option>)

Thanks for everything bro

Regards

What you mean multiselect does not work in "Custom edit"? -  What is "Custom edit"?

Regards

Tony

about the datepicker.. it didn't work properly..
well, it shows the calender but i can't select the date.. because of the edit/add window..

please check it

ya, one more thing.. the multiselect doesn't work with the "Custom edit"

I'll give it a try

Best regards

Thanks again

            loadtext: “$LoadMsg”,
            height:'100%'
        }).navGrid('#Bar',
            {}, //options

            {height:410,width:400,reloadAfterSubmit:false,

onInitializeForm: function(formid) {

$(”#issueDate”,formid).datepicker({dateFormat:”yy-mm-dd”});

}

}, // edit options
            {height:400,reloadAfterSubmit:true,

onInitializeForm: function(formid) {

$(”#issueDate”,formid).datepicker({dateFormat:”yy-mm-dd”});

}

}, // add options
            {reloadAfterSubmit:false}, // del options
            {} // search options
        );
    });

the main cause of th first issue was the " ' " it was in the language file for example (Tony's website)

and the second issue is solved when i add the show/hide in

jQuery(document).ready(function(){

 ...........

}

but the third issue.. i don't know how to do it... if you just give an example on my previous code... i'll be greatful

Best Regards

DeaDSouL

1. About the first issue. I do not think that this is a bug.

You can perform some test. Set the width of all columns

to be 25-30 and see if all columns are here. I'm not sure, but

maybe you have enclose the grid in html element which have

overflow hidden.

2. For a single show and hide use jQuery(”#Table”).hideCol("ID")

and not as array - I will check this.

3. Where - in inline editing or in form editing module. If this is

in form editing you can use onInitializeForm event to attach

datepicker to element

Regards

Tony

this is just a great plugin..

i have three problems with jqGrid and it seems i can't solve them out.

• i can't have more than 16 columns in jqGrid.. and i don't know why
  I think its a bug or something.. please check this (http://www.trirand.com/blog/?p.....omment-590)
• i've tried and tried to show and hide the columns but it was useless.
  i need some help. can you tell me what is wrong with the following code?
• the same thing with the datepicker.. i couldn't make it work.. please if you don't mind just tell me how to make this column "issueDate" works with "datepicker"?

here is my code (php):

.....
echo <<<EOF

<script type="text/javascript">
    jqGridInclude("$JS/grid/");
    jQuery(document).ready(function(){
        jQuery("#Table").jqGrid({
            url:'?Option=show',
            datatype: "json",
            mtype: 'POST',
            colNames:['ID', '$ArName', '$EnName', '$Sex', '$FileNo', '$RefNo', '$Salary', '$Contract', '$PassNo', '$ArIssuePlace', '$EnIssuePlace', '$IssueDate', '$ExpireDate', '$Nationality', '$Religion', '$Occupation'],
            colModel:[
                {name:'ID',index:'ID', width:50,editable:false,editoptions:{readonly:true,size:10}},
                {name:'arName',index:'arName', width:155,editable:true,editoptions:{size:36}},
                {name:'enName',index:'enName', width:155,editable:true,editoptions:{size:36}},
                {name:'Sex',index:'Sex', width:90, editable: true,edittype:"select",editoptions:{value:"ID:Value;ID:Value"}},
                {name:'fileNo',index:'fileNo', width:100,editable:true,editoptions:{size:36}},
                {name:'refNo',index:'refNo', width:100,editable:true,editoptions:{size:36}},
                {name:'Salary',index:'Salary', width:80,editable:true,editoptions:{size:36}},
                {name:'Contract',index:'Contract', width:85,editable:true,editoptions:{size:36}},
                {name:'passportNo',index:'passportNo', width:110,editable:true,editoptions:{size:36}},
                {name:'arIssuePlace',index:'arIssuePlace', width:180,editable:true,editoptions:{size:36}},
                {name:'enIssuePlace',index:'enIssuePlace', width:180,editable:true,editoptions:{size:36}},
                {name:'issueDate',index:'issueDate', width:120,editable:true,editoptions:{size:36},sorttype:"date"},
                {name:'issueExpiry',index:'issueExpiry', width:120,editable:true,editoptions:{size:36},sorttype:"date"},
                {name:'Nationality',index:'Nationality', width:110, editable: true,edittype:"select",editoptions:{value:"ID:Value;ID:Value"}},
                {name:'Religion',index:'Religion', width:110, editable: true,edittype:"select",editoptions:{value:"ID:Value;ID:Value"}},
                {name:'Occupation',index:'Occupation', width:110, editable: true,edittype:"select",editoptions:{value:"ID:Value;ID:Value"}}
            ],
            rowNum:10,
            rowList:[10,25,50,75,100],
            pager: jQuery('#Bar'),
            imgpath: '$JS/grid/themes/basic/images',
            sortname: 'ID',
            viewrecords: true,
            sortorder: "desc",
            recordtext: "$Rows",
            caption:"$Caption",
            editurl:"?Option=modify",
            multiselect:true,
            loadui:'block',
            loadtext: "$LoadMsg",
            height:'100%'
        }).navGrid('#Bar',
            {}, //options
            {height:410,width:400,reloadAfterSubmit:false}, // edit options
            {height:400,reloadAfterSubmit:true}, // add options
            {reloadAfterSubmit:false}, // del options
            {} // search options
        );
    });
   
    jQuery("#HideID").click( function() {
        jQuery("#Table").hideCol(["ID"]);
    });
    jQuery("#ShowID").click( function() {
        jQuery("#Table").showCol(["ID"]);
    });
</script>

<a href="javascript:void(0)" id="HideID">Hide column ID</a><br/>
<a href="javascript:void(0)" id="ShowID">Show column ID</a>

EOF;
.....

Thanks a lot Tony..
Best regards.