jQWidgets Forums
Forum Replies Created
-
Author
-
Hi Dimitar
Worked fine now .Thanks
Hi Dimitar
Thanks for the immediate response . Even if i set toolTipMoveDuration to 0 the tool tip slide from left to the mouse point.We can see the tool tip moving from left to the graph point
Thanks and Regards
Anand.RHi Peter
We are facing a problem with Jqxchart tool tip .the tooltip slides from way off to the left of the chart.Is there a work around to prevent the slide and show the tool tip immediately on top of the value.
Thanks and Regards
AnandHi Peter
We are facing a problem with Jqxchart tool tip .the tooltip slides into position from way off to the left of the chart.Is there a work arounf to prevent the slide and show the tool tip immediately on top of the value.
Thanks and Regards
AnandJune 11, 2014 at 11:44 am in reply to: Tree Grid Expand and Collapse Row is slow Tree Grid Expand and Collapse Row is slow #55716Hi Peter
Thanks for the response ..My problem is that am having around 50 columns in the grid.So when ever it renders it hangs on ie and for expand and collapse also it is taking some time
Thanks in advance
Anand.RJune 11, 2014 at 9:38 am in reply to: Tree Grid Expand and Collapse Row is slow Tree Grid Expand and Collapse Row is slow #55702Hi Peter
We have used virtual mode for loading child elements still in IE the loading time is very slow .is there any solution we can build with out paging and if we need to use paging what will be the maximum number of records we can show in single page .I tries paging with 50 records but still it is very slow .Let me know your thoughts on it
Thanks and Regards
Anand.RMarch 10, 2014 at 3:43 pm in reply to: Tree Grid Expand and Collapse Row is slow Tree Grid Expand and Collapse Row is slow #50787Hi Peter ,
I understand the problem will solve while using paging but unfortunately our client don’t need paging .So what i have decided like instead of pulling 45 columns initially we will pull 15 columns and while scrolling the horizontal scroll we will bring the other columns accordingly like lazy load.Could you please suggest your thoughts on it or is there an predefined functionality exist for this
Looking forward for your valuable thoughts
Thanks in Advance
Regards
Anand.RMarch 6, 2014 at 4:23 pm in reply to: Tree Grid Expand and Collapse Row is slow Tree Grid Expand and Collapse Row is slow #50618Hi Peter ,
Thanks for the quick response.My client don’t need paging.We need to show it as a single table.The collapse and expand is ok in firefox and chrome but it is very slow in IE.Could you please let me know your valuable thoughts in this .
Thanks
Anand.RFebruary 15, 2014 at 9:39 am in reply to: Tree Grid Cell Click Event Tree Grid Cell Click Event #49569Hi Peter
Thanks for your valuable help.I have tried the sample and it works good .The problem was the treegrid.js file .I have replaced the one which we have with the one from your sample.
Thanks a lot once again
Regards
Anand.RFebruary 14, 2014 at 8:24 am in reply to: Tree Grid Cell Click Event Tree Grid Cell Click Event #49506Hi Peter,
Please find the below code .I have used this already .But my problem is that it will work fine for the tree that grid doesn’t have any Pinned/Frozen column.But if i set any of the column as pinned then the click i snot triggering.
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head runat=”server”>
<title></title>
<link href=”Content/Style/jqx.base.css” rel=”stylesheet” type=”text/css” /><script src=”Scripts/jquery-1.9.1.min.js” type=”text/javascript”></script>
<script src=”Scripts/Jqxwidget/jqxcore.js” type=”text/javascript”></script>
<script src=”Scripts/Jqxwidget/jqxdata.js” type=”text/javascript”></script>
<script src=”Scripts/Jqxwidget/jqxbuttons.js” type=”text/javascript”></script>
<script src=”Scripts/Jqxwidget/jqxscrollbar.js” type=”text/javascript”></script>
<script src=”Scripts/Jqxwidget/jqxdatatable.js” type=”text/javascript”></script>
<script src=”Scripts/Jqxwidget/jqxtreegrid.js” type=”text/javascript”></script>
<script src=”Scripts/Jqxwidget/jqxgrid.columnsresize.js” type=”text/javascript”></script>
<script src=”Scripts/Jqxwidget/jqxgrid.selection.js” type=”text/javascript”></script>
<script src=”Scripts/Jqxwidget/jqxmenu.js” type=”text/javascript”></script>
<script src=”Scripts/Jqxwidget/jqxgrid.grouping.js” type=”text/javascript”></script>
<script src=”Scripts/Jqxwidget/jqxgrid.sort.js” type=”text/javascript”></script>
<script src=”Scripts/UserScreen.js” type=”text/javascript”></script><script language=”javascript” type=”text/javascript”>
$(document).ready(function () {
var x = “Total Width: ” + screen.width;
alert(x);
var employees = [{ “EmployeeID”: 1, “FirstName”: “Nancy”, “LastName”: “Davolio”, “ReportsTo”: 2, “Country”: “USA”, “Title”: “Sales Representative”, “HireDate”: “1992-05-01 00:00:00”, “BirthDate”: “1948-12-08 00:00:00”, “City”: “Seattle”, “Address”: “507 – 20th Ave. E.Apt. 2A” }, { “EmployeeID”: 2, “FirstName”: “Andrew”, “LastName”: “Fuller”, “ReportsTo”: null, “Country”: “USA”, “Title”: “Vice President, Sales”, “HireDate”: “1992-08-14 00:00:00”, “BirthDate”: “1952-02-19 00:00:00”, “City”: “Tacoma”, “Address”: “908 W. Capital Way” }, { “EmployeeID”: 3, “FirstName”: “Janet”, “LastName”: “Leverling”, “ReportsTo”: 2, “Country”: “USA”, “Title”: “Sales Representative”, “HireDate”: “1992-04-01 00:00:00”, “BirthDate”: “1963-08-30 00:00:00”, “City”: “Kirkland”, “Address”: “722 Moss Bay Blvd.” }, { “EmployeeID”: 4, “FirstName”: “Margaret”, “LastName”: “Peacock”, “ReportsTo”: 2, “Country”: “USA”, “Title”: “Sales Representative”, “HireDate”: “1993-05-03 00:00:00”, “BirthDate”: “1937-09-19 00:00:00”, “City”: “Redmond”, “Address”: “4110 Old Redmond Rd.” }, { “EmployeeID”: 5, “FirstName”: “Steven”, “LastName”: “Buchanan”, “ReportsTo”: 2, “Country”: “UK”, “Title”: “Sales Manager”, “HireDate”: “1993-10-17 00:00:00”, “BirthDate”: “1955-03-04 00:00:00”, “City”: “London”, “Address”: “14 Garrett Hill” }, { “EmployeeID”: 6, “FirstName”: “Michael”, “LastName”: “Suyama”, “ReportsTo”: 5, “Country”: “UK”, “Title”: “Sales Representative”, “HireDate”: “1993-10-17 00:00:00”, “BirthDate”: “1963-07-02 00:00:00”, “City”: “London”, “Address”: “Coventry House Miner Rd.” }, { “EmployeeID”: 7, “FirstName”: “Robert”, “LastName”: “King”, “ReportsTo”: 5, “Country”: “UK”, “Title”: “Sales Representative”, “HireDate”: “1994-01-02 00:00:00”, “BirthDate”: “1960-05-29 00:00:00”, “City”: “London”, “Address”: “Edgeham Hollow Winchester Way” }, { “EmployeeID”: 8, “FirstName”: “Laura”, “LastName”: “Callahan”, “ReportsTo”: 2, “Country”: “USA”, “Title”: “Inside Sales Coordinator”, “HireDate”: “1994-03-05 00:00:00”, “BirthDate”: “1958-01-09 00:00:00”, “City”: “Seattle”, “Address”: “4726 – 11th Ave. N.E.” }, { “EmployeeID”: 9, “FirstName”: “Anne”, “LastName”: “Dodsworth”, “ReportsTo”: 5, “Country”: “UK”, “Title”: “Sales Representative”, “HireDate”: “1994-11-15 00:00:00”, “BirthDate”: “1966-01-27 00:00:00”, “City”: “London”, “Address”: “7 Houndstooth Rd.”}];
// prepare the data
var source =
{
dataType: “json”,
dataFields: [
{ name: ‘EmployeeID’, type: ‘number’ },
{ name: ‘ReportsTo’, type: ‘number’ },
{ name: ‘FirstName’, type: ‘string’ },
{ name: ‘LastName’, type: ‘string’ },
{ name: ‘Country’, type: ‘string’ },
{ name: ‘City’, type: ‘string’ },
{ name: ‘Address’, type: ‘string’ },
{ name: ‘Title’, type: ‘string’ },
{ name: ‘HireDate’, type: ‘date’ },
{ name: ‘BirthDate’, type: ‘date’ }
],
hierarchy:
{
keyDataField: { name: ‘EmployeeID’ },
parentDataField: { name: ‘ReportsTo’ }
},
id: ‘EmployeeID’,
localData: employees
};
var cellsRenderer = function (row, column, value, rowData) {
var bgColor = “#000”;
var parentClassforCollapse = “child-column”;
return ‘<span onclick=”Display();” style=”display:block;background:’ + bgColor + ‘;float:none;color:#FFF; text-align:center;height:30px;width:100%;” class=’ + parentClassforCollapse + ‘>‘ + value + ‘</span>’;
};var dataAdapter = new $.jqx.dataAdapter(source);
// create Tree Grid
$(“#FinanceGrid”).jqxTreeGrid(
{
width: 500,
source: dataAdapter,ready: function () {
$(“#FinanceGrid”).jqxTreeGrid(‘expandRow’, ‘2’);
$(“#FinanceGrid td”).on(‘click’, function (event) {
alert($(event.target).text());
alert(“Click on td “);
});
},
columns: [{ text: ‘FirstName’, dataField: ‘FirstName’, width: 150,pinned:true },
{ text: ‘Address’, dataField: ‘Address’, width: 150 },
{ text: ‘LastName’, dataField: ‘LastName’, cellsrenderer: cellsRenderer, width: 150 },
{ text: ‘Title’, dataField: ‘Title’, width: 200 }
]
});});
function showGraph() {
alert(“Graph”);
}
function Display() {
alert(“solved “);
}
</script></head>
<body>
<form id=”form1″ runat=”server”>
<div id=”FinanceGrid”></div>
</form>
</body>
</html>I have went through the grid and it is found that the tool is using two table with same data if i set as pinned.One table will have an id as “table +elementId” and the other will have Id “pinnedtable+elementId”.The table with Pinnedtable is showing on the top of the original table it means two tables place one above the other and the above table is pinnedtable and it has all the column set as visibility :hidden.The problem we are having is that click event is not triggered to a hidden column.so is there any way we can have any work around on it .Please let us know your valuable thought.
Thanks and Regards
Anand.RFebruary 13, 2014 at 12:51 pm in reply to: Tree Grid Cell Click Event Tree Grid Cell Click Event #49475Hi Peter,
Thanks for the quick response .We are evaluating the product and we are going to purchase this product but we need the cell click requirement .Am able to get the column data while doing click event using html tags.I need to know which column or cell user is being clicked by user.If i use rowclick event is it possible for me to get the cell data ?
Thanks and Regards
Anand.R -
AuthorPosts