jQWidgets Forums
Forum Replies Created
-
Author
-
March 6, 2013 at 4:30 pm in reply to: Custom Selection not working for me Custom Selection not working for me #16400
Found the solution to my problem. Typographical error: text=javascript instead of text/javascript. My bad.
March 6, 2013 at 4:12 pm in reply to: Custom Selection not working for me Custom Selection not working for me #16398I’m having the same issue that basumrinmoy is/was having.
I have a clear reference to jqwidgets/jqxgrid.selection and I have an alert popping up on my screen to include jqxgrid.selection.js.HTML:
[code]<!DOCTYPE html>
<html>
<head>
<link rel=”stylesheet” href=”../script/jqwidgets/styles/jqx.base.css” type=”text/css”/>
<link rel=”stylesheet” href=”../script/jqwidgets/styles/jqx.classic.css” type=”text/css”/>
<script type=”text/javascript” src=”../script/scripts/jquery-1.8.2.min.js”></script>
<script type=”text/javascript” src=”../script/jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”../script/jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript” src=”../script/jqwidgets/jqxscrollbar.js”></script>
<script type=”text/javascript” src=”../script/jqwidgets/jqxlistbox.js”></script>
<script type=”text/javascript” src=”../script/jqwidgets/jqxdropdownlist.js”></script>
<script type=”text/javascript” src=”../script/jqwidgets/jqxmenu.js”></script>
<script type=”text/javascript” src=”../script/jqwidgets/jqxgrid.js”></script>
<script type=”text/javascript” src=”../script/jqwidgets/jqxdata.js”></script>
<script type=”text/javascript” src=”../script/jqwidgets/jqxgrid.pager.js”></script>
<script type=”text/javascript” src=”../script/jqwidgets/jqxgrid.sort.js”></script>
<script type=”text=javascript” src=”../script/jqwidgets/jqxgrid.selection.js”></script>
<title>Test JQuery grid with JQWidgets</title>
</head>
<body>
<script type=”text/javascript”>
$(document).ready(function () { // prepare the data
var data = new Array();
var firstNames = [ “Andrew”,
“Nancy”,
“Shelley”,
“Regina”,
“Yoshi”,
“Antoni”,
“Mayumi”,
“Ian”,
“Peter”,
“Lars”,
“Petra”,
“Martin”,
“Sven”,
“Elio”,
“Beate”,
“Cheryl”,
“Michael”,
“Guylene”
];
var lastNames = [
“Fuller”,
“Davolio”,
“Burke”,
“Murphy”,
“Nagase”,
“Saavedra”,
“Ohno”,
“Devling”,
“Wilson”,
“Peterson”,
“Winkler”,
“Bein”,
“Petersen”,
“Rossi”,
“Vileid”,
“Saylor”,
“Bjorn”,
“Nodier”
];
var productNames = [
“Black Tea”,
“Green Tea”,
“Caffe Espresso”,
“Doubleshot Espresso”,
“Caffe Latte”,
“White Chocolate Mocha”,
“Cramel Latte”,
“Caffe Americano”,
“Cappuccino”,
“Espresso Truffle”,
“Espresso con Panna”,
“Peppermint Mocha Twist”
];
var priceValues = [
“2.25”,
“1.5”,
“3.0”,
“3.3”,
“4.5”,
“3.6”,
“3.8”,
“2.5”,
“5.0”,
“1.75”,
“3.25”,
“4.0”
];for (var i = 0; i < 100; i++) {
var row = {};
var productindex = Math.floor(Math.random() * productNames.length);
var price = parseFloat(priceValues[productindex]);
var quantity = 1 + Math.round(Math.random() * 10);
row["firstname"] = firstNames[Math.floor(Math.random() * firstNames.length)];
row["lastname"] = lastNames[Math.floor(Math.random() * lastNames.length)];
row["productname"] = productNames[productindex];
row["price"] = price;
row["quantity"] = quantity;
row["total"] = price * quantity;
data[i] = row;
}var source1 = { data: data, datatype: "array" };
$("#Grid").jqxGrid({
width: 670,
source: source1,
theme: 'classic',
pageable: true,
sortable: true,
autoheight: true,
columns: [
{
text: 'First Name',
datafield: 'firstname',
width: 100
},
{
text: 'Last Name',
datafield: 'lastname',
width: 100
},
{
text: 'Product',
datafield: 'productname',
width: 180
},
{
text: 'Quantity',
datafield: 'quantity',
width: 80,
cellsalign: 'right'
},
{
text: 'Unit Price',
datafield: 'price',
width: 90,
cellsalign: 'right',
cellsformat: 'c2'
},
{
text: 'Total',
datafield: 'total',
cellsalign: 'right',
cellsformat: 'c2'
}
]
});});
</script><div id="Grid"></div>
</body>
</html>[/code]
-
AuthorPosts