Hi Just purchased Pro version and I'm moving a grid to it, Previously grid displayed correctly in Chrome/Firefox
I'm now seeing an extra tool area just underneath the title area - which doesn't work correctly, it resizes on hoverover, and also in the tool item is click grid disappears with the tool area and there is no-method of getting the grid to display again. Additionally hover over the rows of the grid causes slight redrawing of rows. - hers the scripts and css being used, pulled straight from migrate to pro, image of how grid looks attached. Can this tool area be hidden completely or am I missing something
<link rel="stylesheet" href="
http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/base/jquery-ui.css" />
<link type="text/css" rel="stylesheet" href="@Url.FrontUrl().FileUrl("pqgrid.min.css")" />
<link type="text/css" rel="stylesheet" href="@Url.FrontUrl().FileUrl("pqgrid.css")" />
<script src="
http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="
http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.validate.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.simplemodal-1.4.4.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/pqgrid.min.js")"></script>
here's the grid definition
var colModel = [
{ title: "Code", dataType: "string", width: "50", dataIndx: 0 },
{ title: "Name", dataType: "string", width: 250, dataIndx: 1 },
{ title: "Resort Name", width: 250, dataIndx: 4 },
{ title: "Country", dataType: "string", width: 100, dataIndx: 6 }
];
var dataModel = {
cache: true,
location: "remote",
sortDir: "up",
sorting: "local",
dataType: "xml",
getUrl: function () {
return { url: "@Url.ModuleUrl().Action("AccessHotelList")" };
},
getData: function (dataDoc) {
//debugger;
var obj = { itemParent: "BriefAccommodationInfo", itemNames: ["code", "name", "inactive", "resortCode", "resortName", "countryCode", "countryName"] };
return { data: $.paramquery.xmlToArray(dataDoc, obj) };
}
};
var obj = {
width: 700, height: 0,
dataModel: dataModel,
colModel: colModel,
pageModel: { rPP: 10, type: "local", rPPOptions: [1, 2, 5, 10, 20, 100] },
title: "<b>Hotel List</b>",
flexHeight: true,
paging: true,
draggable: true,
editable: false,
//resizable:true,
scrollModel: { horizontal: false },
freezeCols: 0,
rowSelect: loadHotel
};
var $grid = $("#HotelGrid").pqGrid(obj);
