But when i call showUser function directly, the grid shown. but when i call from saveUser function the grid can't shown or not change??

Check first if the grid load without using the ajax call. Just call the grid creation.

Also be a sure that the table whare the grid is created exists in the modal popup.

Regards

Tony

var gURL = "http://localhost/kopelindo/index.php";

function saveUser()
{
    tURL = gURL + "/admin/user/saveUser/";
    var uid = document.getElementById("uid").value;
    var uname = document.getElementById("uname").value;
    var pwd1 = document.getElementById("pwd1").value;
    var pwd2 = document.getElementById("pwd2").value;
    var rname = document.getElementById("rname").value;
    var ulvl = document.getElementById("ulvl").value;
    var uact = document.getElementById("uact").value;
    var vdata = "uid="+uid+"&uname="+uname+"&rname="+rname+"&pwd1="+pwd1+"&ulvl="+ulvl+"&uact="+uact;
    
    if (uname == "")
    {
        alert ("User Name is Empty");
        return false;
    }
    if (pwd1 != pwd2)
    {
        alert ("Password is Not Same");
        return false;
    }
    $.ajax(
    {
        type: "POST",
        url: tURL,
        data: vdata,
        success: function(msg)
        {
            var t= document.getElementById("popbox").innerHTML;
            document.getElementById("popbox").innerHTML = msg;
            $("#popbox").modal(
            {
                minHeight:25,
                minWidth: 400,
                opacity:80,
                overlayCss: {backgroundColor:"#fff"},
                onClose: function()
                {
                    document.getElementById("uid").value = "";
                    document.getElementById("uname").value = "";
                    document.getElementById("rname").value = "";
                    document.getElementById("pwd1").value = "";
                    document.getElementById("pwd2").value = "";
                    showUser();
                    $.modal.close();
                }
            });
           }
     });
}

function showUser()
{
    tURL = gURL + "/admin/user/loadUser/";
    jQuery("#list").jqGrid(
    {
        url: tURL,
        datatype: "json",
        colNames:['No','User Name', 'Real Name', 'User Level','User Status','Edit'],
        colModel:[
            {name:'user_id',index:'user_id', width:55},
            {name:'user_name',index:'user_name', width:90, jsonmap:"user_name"},
            {name:'real_name',index:'real_name, invdate', width:100},
            {name:'user_lvl',index:'user_lvl', width:80, align:"center"},
            {name:'user_act',index:'user_act', width:80, align:"center"},
            {name:'user_act',index:'user_act', width:50,align:"center"}
            ],
        rowNum:10,
        type:"POST",
        mtype: "POST",
        rowList:[10,20,30],
        pager: jQuery('#pjmap'),
        sortname: 'user_name',
        viewrecords: true,
        sortorder: "asc",
        height: '100%'
    });
    jQuery("#list").jqGrid('navGrid','#pjmap',{edit:false,add:false,del:false,refresh:false,search:false});
}

but when i call saveUser, i cant load showUser function automaticaly(the grid is not change), even in saveUser function i call showUser(). . pleease any one know why ??