jQuery Grid Plugin - jqGrid - Topic: Cannot get the column chooser to pop up http://www.trirand.com/blog/?page_id=393/help/cannot-get-the-column-chooser-to-pop-up Simple:Press Version 5.7.5.3 tony on Cannot get the column chooser to pop up http://www.trirand.com/blog/?page_id=393/help/cannot-get-the-column-chooser-to-pop-up#p29734 Help http://www.trirand.com/blog/?page_id=393/help/cannot-get-the-column-chooser-to-pop-up#p29734 Hello,

Please have a idea from this documentation

Regards

]]> Tue, 22 Oct 2013 08:34:12 +0300 MartendG on Cannot get the column chooser to pop up http://www.trirand.com/blog/?page_id=393/help/cannot-get-the-column-chooser-to-pop-up#p29720 Help http://www.trirand.com/blog/?page_id=393/help/cannot-get-the-column-chooser-to-pop-up#p29720 Hi all,

Im trying to set up a grid with a column chooser, but so far I didn't get very lucky.

I already checked that the column chooser is called, but the popup just doesn't show. Does anyone of you know why this might be?

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DT.....t;&gt;
<html xmlns="http://www.w3.org/1999/xhtml&quot; xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>My First Grid</title>

<link rel="stylesheet" type="text/css" media="screen" href="css/smoothness/jquery-ui-1.10.3.custom.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />

<style type="text/css">
    html, body {
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 75%;
}
</style>

<script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.src.js" type="text/javascript"></script>

<!--<script src="plugins/jquery.multiselect.min.js" type="text/javascript"></script>-->

<script type="text/javascript">

    $(function () {
        $grid = $("#list").jqGrid({
            url: "getdata.php",
            datatype: "xml",
            mtype: "GET",
            colNames: ["No","Bedrijf", "Vacature", "Plaats bedrijf", "Plaats vestiging", "HBO", "Int"],
            colModel: [
                { name: "idopdrachten", width: 10, hidden: true },
                { name: "bedrijfsnaam", width: 40 },
                { name: "vacaturenaam", width: 90 },
                { name: "plaats_bedrijf", width: 80, align: "right" },
                { name: "plaats_vestiging", width: 80, align: "right" },
                { name: "geschikt_HBO", width: 10, align: "center" },
                { name: "geschikt_int", width: 10, align: "center" }
            ],
            pager: "#pager",
            rowNum: 50,
            rowList: [10, 20, 30],
            sortname: "bedrijfsnaam",
            sortorder: "asc",
            viewrecords: true,
            gridview: true,
            autoencode: true,
            caption: "My first grid",
            height: $(window).height()-100,
            autowidth: true,
            scroll: 1
        });
        $grid.jqGrid('navGrid', '#pager', {edit: false, add: false, del: false, refresh:false}, {}, {}, {}, {
            multipleSearch: true,
            multipleGroup: true,
            recreateFilter: true
        });
        $grid.jqGrid('filterToolbar', {stringResult: true, searchOnEnter: true, defaultSearch: "cn"});
        $grid.navButtonAdd( '#pager',{
            caption: "Kolommen toevoegen of verwijderen",
            title: "Reorder Columns",
            onClickButton : function (){
                $grid.jqGrid("columnChooser", {"msel_opts": $.ui.multiselect.defaults});
            }
        })

    });

</script>

</head>
<body>
    <table id="list"><tr><td></td></tr></table>
    <div id="pager"></div>
</body>
</html>

Kind regards

]]> Sun, 20 Oct 2013 02:38:45 +0300