jQWidgets Forums
Forum Replies Created
-
Author
-
March 29, 2019 at 7:59 am in reply to: Cell Tooltip from another datafield Cell Tooltip from another datafield #104583
Hi Todor,
Thanks for the quick and good solution.
I learn a lot from this community. Thank you.
You can close this thread.Kind Regards,
Paul CobbenMarch 27, 2019 at 9:22 am in reply to: Cell Tooltip from another datafield Cell Tooltip from another datafield #104510Hello Todor,
Thanks for your answer.
What I am trying to do is to get the content from the cell from the unit price column from the same row as a tooltip.When I change:
$(‘#jqxgrid’).jqxTooltip({ content: cell.column });
in
$(‘#jqxgrid’).jqxTooltip({ content: cell.column.price });
I get “undefined”Hello Hristo,
I’ve changed it according your latest answer, but my page is white.
I’ve have looked again at the jqxdatadapter as I already have done the 1st time in my first message (above)My page is now showing three columns (Backlog, In Progress and Done) but no data gets included.
I have no idea why the data is not showing.Please take a look at my code:
<!DOCTYPE html>
<html lang="en">
<head>
<title id='Description'>Kanban Fluid Size.</title>
<meta name="description" content="jQuery Kanban with Responsive Layout" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />
<link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="scripts/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="jqwidgets/jqxsortable.js"></script>
<script type="text/javascript" src="jqwidgets/jqxkanban.js"></script>
<script type="text/javascript" src="jqwidgets/jqxdata.js"></script>
<script type="text/javascript" src="scripts/demos.js"></script>
<style>
html, body {
padding: 0; margin: 0; width:100%; height: 100%; overflow: hidden;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
var fields = [
{ name: "id", type: "string" },
{ name: "state", type: "string" },
{ name: "label", type: "string" },
{ name: "tags", type: "string" },
{ name: "hex", type: "number" },
{ name: "resourceId", type: "number" }
];
var source =
{
datatype: "csv",
url: "data/kanban.csv",
columndelimiter: ";",
dataFields: fields
};
var dataAdapter = new $.jqx.dataAdapter(source);var resourcesAdapterFunc = function () {
var resourcesSource =
{
localData: [
{ id: 0, name: "No name", image: "https://www.jqwidgets.com/jquery-widgets-demo/images/common.png", common: true },
{ id: 1, name: "Andrew Fuller", image: "https://www.jqwidgets.com/jquery-widgets-demo/images/andrew.png" },
{ id: 2, name: "Janet Leverling", image: "https://www.jqwidgets.com/jquery-widgets-demo/images/janet.png" },
{ id: 3, name: "Steven Buchanan", image: "https://www.jqwidgets.com/jquery-widgets-demo/images/steven.png" },
{ id: 4, name: "Nancy Davolio", image: "https://www.jqwidgets.com/jquery-widgets-demo/images/nancy.png" },
{ id: 5, name: "Michael Buchanan", image: "https://www.jqwidgets.com/jquery-widgets-demo/images/Michael.png" },
{ id: 6, name: "Margaret Buchanan", image: "https://www.jqwidgets.com/jquery-widgets-demo/images/margaret.png" },
{ id: 7, name: "Robert Buchanan", image: "https://www.jqwidgets.com/jquery-widgets-demo/images/robert.png" },
{ id: 8, name: "Laura Buchanan", image: "https://www.jqwidgets.com/jquery-widgets-demo/images/Laura.png" },
{ id: 9, name: "Laura Buchanan", image: "https://www.jqwidgets.com/jquery-widgets-demo/images/Anne.png" }
],
dataType: "array",
dataFields: [
{ name: "id", type: "number" },
{ name: "name", type: "string" },
{ name: "image", type: "string" },
{ name: "common", type: "boolean" }
]
};var resourcesDataAdapter = new $.jqx.dataAdapter(resourcesSource);
return resourcesDataAdapter;
}$('#kanban').jqxKanban({
width: '100%',
height: '100%',
resources: resourcesAdapterFunc(),
source: dataAdapter,
columns: [
{ text: "Backlog", dataField: "new" },
{ text: "In Progress", dataField: "work" },
{ text: "Done", dataField: "done" }
]
});
});
</script>
</head>
<body>
<div id="kanban"></div>
</body>
</html>And the CSV File
1;Intake;Adobe Reader 16.0 R1.0 NL;Paul Cobben;#5dc3f0;new
2;Productie;Notepad++ Notepad++ 1.5.3 R1.0 NL;Ronald Vonk;#5dc3f0;work
3;Testing;TLC Videoplayer 2.3.11.2 R1.0 NL;Bart Andriessen;#5dc3f0;done
4;Intake;IgorPavlov 7-Zip 9.1.2 R1.0 NL;Paul Cobben;#5dc3f0;done
5;Packaging;Microsoft Office 2016 R1.0 NL;Stijn Teurlings;#5dc3f0;work
6;Testing;Winzip Winzip 17.54 R1.0 NL;Stijn Teurlings;#5dc3f0;newHello Hristo,
Thanks for the response, but in the example that you have given, there is still local data.
What I need, is a dataAdapter that connects to a csv.
So when I update the CSV file, the kanban will be updated.February 8, 2017 at 3:05 pm in reply to: Sorting in Chart not working Sorting in Chart not working #91409Thanks for your answer, but It would be nice if it would be supported in the future.
Most functions are very good and easy to implement.
We will buy and start using this product.
Thanks for your support.February 8, 2017 at 12:48 pm in reply to: Sorting in Chart not working Sorting in Chart not working #91401Sorry for the misleading title.
As you can see, I tried to sort the data before importing in the Chart.
At the dataadapter I tried to sort the data before giving it to the jqxChart. -
AuthorPosts