[svetoslav_borislavovParticipant]

Hi,

You have set the displayValue to ‘Country’ so your datarow should include ‘Country’
You should set the label on line 188 also.

https://jsfiddle.net/guL86mwt/

I hope this helps!

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[svetoslav_borislavovParticipant]

Hi,

Yes, this behaviour is correct. You have ended the editing even though the value is the same.
To achieve the desired behaviour, you may use the cellendedit event.
Please see the following demo:https://jsfiddle.net/vqr9mz5j/1/

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[svetoslav_borislavovParticipant]

Hi,

You may disable the button if there are any invalid cells.
I have modified the example, please take a look:
https://jsfiddle.net/buza0cqj/

You may close only all the validation popups.

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[svetoslav_borislavovParticipant]

Hi,

Unfortunately, no, the grid cannot be rendered this way.
If you have any additional questions, do not hesitate to contact us!

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[svetoslav_borislavovParticipant]

Hi,

You can blur the input in the valueChanged event, please see the following demo:
https://jsfiddle.net/xhn3tmra/

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[svetoslav_borislavovParticipant]

Hi,

Which is the module in which the ‘EditPrintDesignerComponent’ component is declared?
If it is ‘PrintDesignerRoutingModule’, the jqxEditorModule should be imported there.

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[svetoslav_borislavovParticipant]

Hi,

Thank you for the update!
If you face any difficulties, do not hesitate to contact us!

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[svetoslav_borislavovParticipant]

Hi,

This may be done using the filter event. Inside of it check which column has been filtered and then add another filter programmatically
Here is an example: https://jsfiddle.net/g9dosjL5/

In the example if you apply a filter on the last name column, another one will be added for the productname column
Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[svetoslav_borislavovParticipant]

Hi,

You have to import the jqxEditorModule in the module of the component. It cannot be imported in a parent module

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[svetoslav_borislavovParticipant]

Hi,

Could you please send us a code that reproduces the error.
Here is a simple component that sets state whenever the selection is changed:
import { useState } from “react”;
import JqxTreeGrid, {
jqx,
} from “jqwidgets-scripts/jqwidgets-react-tsx/jqxtreegrid”;

const Tree = () => {
const [data, setData] = useState(generateordersdata(100));

const [columns, setColumns] = useState([
{ align: “center”, dataField: “name”, text: “Order Name”, width: 220 },
{ align: “center”, dataField: “customer”, text: “Customer”, width: 200 },
{
align: “center”,
cellsAlign: “right”,
cellsFormat: “c2”,
dataField: “price”,
text: “Price”,
width: 80,
},
{
align: “center”,
cellsFormat: “dd-MMMM-yyyy hh:mm”,
cellsRenderer: (rowKey, column, cellValue, rowData, cellText) => {
if (rowData.level === 0) {
return dataAdapter.formatDate(cellValue, “dd-MMMM-yyyy”);
}
return cellText;
},
dataField: “date”,
text: “Order Date”,
},
]);

const [selectedIndex, setSelectedIndex] = useState(-1);

const source = {
dataFields: [
{ name: “name”, type: “string” },
{ name: “quantity”, type: “number” },
{ name: “id”, type: “string” },
{ name: “parentid”, type: “number” },
{ name: “price”, type: “number” },
{ name: “date”, type: “date” },
{ name: “customer”, type: “string” },
],
dataType: “array”,
hierarchy: {
keyDataField: { name: “id” },
parentDataField: { name: “parentid” },
},
id: “id”,
localData: data,
};
const dataAdapter = new jqx.dataAdapter(source);

const handleRowSelect = (e) => {
setSelectedIndex(e.args.boundIndex);
};

return (
<>
<p>Selected index: {selectedIndex}</p>
<JqxTreeGrid
width={“90%”}
height={“auto”}
source={dataAdapter}
pageable={true}
sortable={true}
columns={columns}
onRowSelect={handleRowSelect}
/>
</>
);
};

export default Tree;

export function generateordersdata(rowscount) {
// prepare the data
let data = new Array();
if (rowscount == undefined) rowscount = 10;
let firstNames = [
“Andrew”,
“Nancy”,
“Shelley”,
“Regina”,
“Yoshi”,
“Antoni”,
“Mayumi”,
“Ian”,
“Peter”,
“Lars”,
“Petra”,
“Martin”,
“Sven”,
“Elio”,
“Beate”,
“Cheryl”,
“Michael”,
“Guylene”,
];

let lastNames = [
“Fuller”,
“Davolio”,
“Burke”,
“Murphy”,
“Nagase”,
“Saavedra”,
“Ohno”,
“Devling”,
“Wilson”,
“Peterson”,
“Winkler”,
“Bein”,
“Petersen”,
“Rossi”,
“Vileid”,
“Saylor”,
“Bjorn”,
“Nodier”,
];

let productNames = [
“Black Tea”,
“Green Tea”,
“Caffe Espresso”,
“Doubleshot Espresso”,
“Caffe Latte”,
“White Chocolate Mocha”,
“Caramel Latte”,
“Caffe Americano”,
“Cappuccino”,
“Espresso Truffle”,
“Espresso con Panna”,
“Peppermint Mocha Twist”,
];

let 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”,
];

let companyNames = [
“Dolor Foundation”,
“Vivamus Non Lorem LLP”,
“Vel Ltd”,
“Turpis Incorporated”,
“Egestas Nunc PC”,
“At Pretium Aliquet Associates”,
“Feugiat Inc.”,
“Lacus Industries”,
“Senectus Et Foundation”,
“Sed LLC”,
“Maecenas Mi Felis LLC”,
“Pede Blandit Ltd”,
“Pellentesque Habitant Morbi Institute”,
“Mollis Vitae Industries”,
“Malesuada Vel Convallis LLP”,
“Risus Duis Corp.”,
“Convallis LLP”,
“Lobortis Augue LLC”,
“Auctor LLP”,
“Neque Inc.”,
“Lorem Eu Corporation”,
];

for (let i = 0; i < rowscount; i++) {
let row = {};
let productindex = Math.floor(Math.random() * productNames.length);
let price = parseFloat(priceValues[productindex]);
let quantity = 2 + Math.round(Math.random() * 10);

row[“id”] = i;
row[“parentid”] = null;
row[“name”] = “Order ” + i;
row[“firstname”] =
firstNames[Math.floor(Math.random() * firstNames.length)];
row[“lastname”] = lastNames[Math.floor(Math.random() * lastNames.length)];
row[“customer”] =
companyNames[Math.floor(Math.random() * companyNames.length)];
let date = new Date();
let month = Math.floor(Math.random() * 11);
let day = Math.floor(Math.random() * 27);
date.setFullYear(2016, month, day);
date.setHours(0, 0, 0, 0);
row[“date”] = date;
row[“price”] = “”;
row[“quantity”] = “”;
data.push(row);

let subRowsCount = 1 + Math.round(Math.random() * 8);
let t = 0;
let q = 0;
for (let j = 0; j < subRowsCount; j++) {
let subRow = {};
let productindex = Math.floor(Math.random() * productNames.length);
let price = parseFloat(priceValues[productindex]);
let quantity = 1;
subRow[“name”] = productNames[productindex];
subRow[“id”] = “” + i + “.” + (1 + j);
subRow[“parentid”] = i;
subRow[“price”] = price;
subRow[“quantity”] = 1;
let date = new Date();
date.setFullYear(2016, month, day);
date.setHours(
Math.floor(Math.random() * 23),
Math.floor(Math.random() * 59),
0,
0
);
subRow[“date”] = date;
row[“firstname”] =
firstNames[Math.floor(Math.random() * firstNames.length)];
row[“lastname”] = lastNames[Math.floor(Math.random() * lastNames.length)];
subRow[“customer”] = row[“firstname”] + ” ” + row[“lastname”];
t += quantity * price;
data.push(subRow);
q += quantity;
}
row[“price”] = t;
row[“quantity”] = 1;
}

return data;
}

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[svetoslav_borislavovParticipant]

Hi,

HTTPS of course, the link is by default redirecting to HTTPS

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[svetoslav_borislavovParticipant]

Hi,

The login form requires ‘URL of API server’, I have tried to log in with en and en01 but I receive an error:
Http failure response for http://82.165.177.10:8880/v1.0/login: 0 Unknown Error

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[svetoslav_borislavovParticipant]

Hi,

Unfortunately no, “.” cannot be added to the number pad as this is browser-related.
I have tested the number input on the mobile version and the spin buttons are ok, they are working and decimals can be added

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[svetoslav_borislavovParticipant]

Hi,

We cannot tell the exact date of the release, it will probably be in November.

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[svetoslav_borislavovParticipant]

Hi,

May you try removing the offset properties from the title object for the xAxis and value Axis

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[Author]

Posts