Forum Replies Created
-
Author
-
August 3, 2022 at 4:22 pm in reply to: Problem jquery 3.3.1 or higher Problem jquery 3.3.1 or higher #122269
Excelent!
Thank.
August 2, 2022 at 4:14 pm in reply to: Problem jquery 3.3.1 or higher Problem jquery 3.3.1 or higher #122255Send!!!
August 1, 2022 at 1:57 pm in reply to: Problem jquery 3.3.1 or higher Problem jquery 3.3.1 or higher #122238The problem is with jqxWindow.
Try this code.
Add lines to it to activate the scroll bar and see what happens with the bar using jquery 3.4.1. vs 3.2.1http://jsfiddle.net/jqwidgets/nE9A7/
$(“#jqxwindow”).jqxWindow({
height: 100,
width: 300,
theme: ‘energyblue’,
isModal:true,
modalOpacity:0.5
});<div id=’jqxwindow’>
<div>Header</div>
<div>Content
<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p>
</div>
</div>The example is excellent.
But in reality there are 3 alternatives: blank, yes, no.
Maybe using jqxDropDownList?
As there are only 3 options I want to use the most appropriate case.
Excellent, the code tells me the rows with data, but I still have the problem of how to remove the tag “In Stock:”
If I change to “”: I keep getting the : and the result.
I just need the result
aggregates: [{ ‘In Stock’:
function (aggregatedValue, currentValue) {
if (currentValue) {
return aggregatedValue + 1;
}
return aggregatedValue;
}
}]understood, but my problem now goes by the count function, this gives me the total rows of the column, but I need to know the number of cells not empty in the column.
What would be the way to evaluate that?
Excellent!!!
The problem was the chrome cache.
Thank you
Probe with version 5.6.0 of jqwidgets and it works without problems,
it seems that the problem is with version 6.1.0This is the error:
jquery-3.2.1.min.js:2 Uncaught TypeError: this.isMaterialized is not a function
at b.(anonymous function).render (http://slayer.inia.cl/jqwidgets/jqxcheckbox.js:8:3986)
at b.(anonymous function).createInstance (http://slayer.inia.cl/jqwidgets/jqxcheckbox.js:8:749)
at Object.a.jqx.applyWidget (jqxcore.js:14)
at HTMLDivElement.<anonymous> (jqxcore.js:14)
at Function.each (jquery-3.2.1.min.js:2)
at r.fn.init.each (jquery-3.2.1.min.js:2)
at r.fn.init.a.fn.(anonymous function) [as jqxCheckBox] (http://slayer.inia.cl/jqwidgets/jqxcore.js:14:67439)
at b.(anonymous function)._rendercheckboxcell (http://slayer.inia.cl/jqwidgets/jqxgrid.js:7:162442)
at _rendercell (jqxgrid.js:7)
at b.(anonymous function)._rendervisualcell (http://slayer.inia.cl/jqwidgets/jqxgrid.js:7:156004)Excellent, it worked.
I’m actually using the version jQWidgets v5.6.0
Thank you very much for your time
Dear, your example works excellent in JSFiddle, but if I reply it as is in my site it does not have the same effect as I see in the example.
example: if I apply 25px to the style in your example the headings are left as I want, but in my site they move but very little. If I go down to 10, it does not go up much either, something I must have wrong, I attach my complete code to see if you can help me.
I’m using chrome
<!doctype html>
<html>
<head>
<meta charset=”utf-8″>
<title>Documento sin tÃtulo</title>
<link rel=”stylesheet” href=”/jqwidgets/styles/jqx.base.css” type=”text/css” />
<link rel=”stylesheet” href=”/jqwidgets/styles/jqx.energyblue.css” type=”text/css” />
<script type=”text/javascript” src=”/jquery/jquery-3.2.1.min.js”></script>
<script type=”text/javascript” src=”/jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”/jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript” src=”/jqwidgets/jqxscrollbar.js”></script>
<script type=”text/javascript” src=”/jqwidgets/jqxdata.js”></script>
<script type=”text/javascript” src=”/jqwidgets/jqxgrid.js”></script>
<script type=”text/javascript” src=”/jqwidgets/jqxgrid.selection.js”></script><script language=”javascript” type=”text/javascript”>
$(document).ready(function(){
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 source = {
localdata: data,
datatype: “array”
};
var dataAdapter = new $.jqx.dataAdapter(source, {
loadComplete: function (data) {},
loadError: function (xhr, status, error) {}
});
$(“#jqxgrid”).jqxGrid({
theme: ‘energyblue’,
altrows: true,
width: 500,
source: dataAdapter,
columnsheight: 50,
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’,
width: 100,
cellsalign: ‘right’,
cellsformat: ‘c2’
}]
});
});
</script><style type=”text/css”>
.jqx-grid-column-header div { line-height: 25px !important; }
</style>
</head><body>
<div id=”jqxgrid”></div>
</body>
</html>November 8, 2018 at 3:48 pm in reply to: Name of the edited column Name of the edited column #102697I found this and it works args.datafield
It will be the right thing?
updaterow: function (rowid, rowdata, commit) {
console.log(args.datafield);
commit(true);
},November 14, 2017 at 12:28 pm in reply to: enabled / disabled Checkbox enabled / disabled Checkbox #97316I found the answer here, thanks anyway.
Excelent!
-
AuthorPosts