jQuery Grid Plugin - jqGridForum

Topic RSS

Related Topics sp_TopicIcon

Cannot get the column chooser to pop up

Tags: column chooser popup pop up problem

20/10/2013
02:38

MartendG

New Member

Members

Forum Posts: 1

Member Since:
20/10/2013

Offline

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;>
<html xmlns="http://www.w3.org/1999/xhtml" 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>

    $(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

22/10/2013
08:34

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Please have a idea from this documentation

Regards

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.

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
29 Guest(s)

Currently Browsing this Page:
1 Guest(s)