[newuserParticipant]

Thanks. I think I will have to use cache : false in get method in angularjs.

[newuserParticipant]

Hi,

Thanks for your suggestion. Here I am not using jquery ajax call. I am using angularJS. How can I prevent IE from caching the web page in angularjs API call.

[newuserParticipant]

In Html:

<button type=”button” class=”btn btn-primary btn-sm” ng-click=”ok()”>Confirm</button>
<button type=”button” class=”btn btn-primary btn-sm” ng-click=”delete()”>Discard</button>
<button type=”button” class=”btn btn-primary btn-sm” data-dismiss=”modal” ng-click=”close()”>Cancel</button>

Below is the code in controller:

$scope.delete = function () {
var uid = sessionStorage.getItem(‘userID’)
var uname =sessionStorage.getItem(“uname”)
var config = {
headers: {
“userId”: uid,
“userName”: uname
}
};
console.log(“deleted”);
$http.get(APP_URL + ‘deleteAssessmentSpecificDetails/’ + thisKey, config)
.then(function (resp) {
console.log(“deleted”)
angular.element(document.getElementById(“myBody”)).scope().assessTable(); // assessTable() has code to delete and update the table
});

$uibModalInstance.dismiss(‘cancel’)
}

[newuserParticipant]

Hi,

Made the change as suggested by you but still the issue remains. The issue is with the class .tooltip. Below is my code after the change you suggested.

var cellsRenderer= function (row, column, value, rowData) {
var container = ‘<div style=”text-align: left; margin-top: 0px;” class=”tooltip”>’ + value + ‘</div>’;
return container;
}

var cellsrenderer = function (row, column, value) {
return ‘<div style=”text-align: left; margin-top: 0px;” title=”‘+value+'”>’ + value + ‘</div>’;

}

var columnsrenderer = function (value) {
return ‘<div style=”text-align: left; margin-top: 0px;”>’ + value + ‘</div>’;
}

$(id).jqxTreeGrid(
{
width: ‘95%’,
source: dataAdapter,
sortable: true,
editable: true,
// enabletooltips:true,
theme: ‘energyblue’,
// }

columnsResize: true,
pageable:false,

columns: [
{ text: ‘System Name’, dataField: ‘sysName’, renderer: columnsrenderer, cellsRenderer: cellsRenderer, width:’30%’},
{ text: ‘Assessment ID’, dataField: ‘assId’, renderer: columnsrenderer, cellsrenderer:cellsrenderer, width:’15%’},
{ text: ‘Assessment Done By’, dataField: ‘userName’, renderer: columnsrenderer, cellsrenderer:cellsrenderer, width:’15%’},
{ text: ‘Status’, dataField: ‘status’, renderer: columnsrenderer, cellsrenderer:cellsrenderer, width: ‘10%’},
{ text: ‘Assessment Done On’, dataField: ‘Date’, renderer: columnsrenderer, cellsrenderer:cellsrenderer, cellsFormat: ‘f’, width:’15%’},
{ text: ‘View Assessment’, dataField: ‘view’, renderer: columnsrenderer, cellsRenderer: cellsRenderer, width:’15%’},
]
});
$(id).on(‘rowClick rowExpand rowCollapse’, function (event)
{
attachTooltip();
});

function attachTooltip(){
$(“.tooltip”).jqxTooltip({position: ‘mouse’, content: $(this).text() });
$(“.tooltip”).on(“mouseenter”, function ()
{
$(this).jqxTooltip({position: ‘mouse’, content: $(this).text() });
});
}

$(id).on(‘rowClick’, function(event){
var args = event.args;
var key = args.key;
$(id).jqxTreeGrid(‘selectRow’, key);
});
$(id).on(‘rowDoubleClick’, function(event){

$(id).jqxTreeGrid(‘clearSelection’);
});

[newuserParticipant]

Below is the code:

var source =
{
dataType: “json”,
dataFields: [
{ name: ‘assId’, type: ‘string’},
{ name: ‘parentId’, type: ‘string’ },
{ name: ‘sysId’, type: ‘string’},
{ name: ‘sysAssId’, type: ‘string’ },
{ name: ‘userName’, type: ‘string’ },
{ name: ‘sysName’, type: ‘string’ },
{ name: ‘status’, type: ‘string’ },
{ name: ‘view’, type: ‘string’ },
{ name: ‘Date’, type: ‘string’ }
],
hierarchy:
{
keyDataField: { name: ‘sysId’ },
parentDataField: { name: ‘parentId’ }
},
id: ‘sysId’,
checkboxes: true,
localData: a
};
var dataAdapter = new $.jqx.dataAdapter(source);
// create Tree Grid
var id = “”
if (assType == “idm”) {
var id = ‘#idmTreeGrid’
} else if (assType == “cloud”) {
var id = ‘#cloudTreeGrid’
}
$(id).jqxTreeGrid({ selectionMode: “custom” });
$(id).jqxTreeGrid({ altRows: true });
$(id).jqxTreeGrid({autoRowHeight: true});

$(id).jqxTreeGrid({columnsHeight: 32});

var cellsRenderer= function (row, column, value, rowData) {
var container = ‘<div class=”tooltip”>’ + value + ‘</div>’;
return container;
}

var columnsrenderer = function (value) {
return ‘<div style=”text-align: left; margin-top: 0px;”>’ + value + ‘</div>’;
}

$(id).jqxTreeGrid(
{
width: ‘95%’,
source: dataAdapter,
sortable: true,
editable: true,

theme: ‘energyblue’,

ready: function(){
$(“.tooltip”).jqxTooltip({position: ‘mouse’, content: $(this).text() });
attachTooltip();
},
columnsResize: true,
pageable:false,

columns: [
{ text: ‘System Name’, dataField: ‘sysName’, renderer: columnsrenderer, cellsRenderer: cellsrenderer, width:’30%’},
{ text: ‘Assessment ID’, dataField: ‘assId’, renderer: columnsrenderer, cellsrenderer:cellsrenderer, width:’15%’},
{ text: ‘Assessment Done By’, dataField: ‘userName’, renderer: columnsrenderer, cellsrenderer:cellsrenderer, width:’15%’},
{ text: ‘Status’, dataField: ‘status’, renderer: columnsrenderer, cellsrenderer:cellsrenderer, width: ‘10%’},
{ text: ‘Assessment Done On’, dataField: ‘Date’, renderer: columnsrenderer, cellsrenderer:cellsrenderer, cellsFormat: ‘f’, width:’15%’},
{ text: ‘View Assessment’, dataField: ‘view’, renderer: columnsrenderer, cellsRenderer: cellsrenderer, width:’15%’},
]
});
$(id).on(‘rowClick rowExpand rowCollapse’, function (event)
{
attachTooltip();
});

function attachTooltip(){
$(“.tooltip”).jqxTooltip({position: ‘mouse’, content: $(this).text() });
$(“.tooltip”).on(“mouseenter”, function ()
{
$(this).jqxTooltip({position: ‘mouse’, content: $(this).text() });
});
}
}

[newuserParticipant]

hi

whenever I am using the .tooltip class in cellsRenderer callback, the contents of the cells are not displayed. The value of the cells are not shown on screen.

Not able to find out the reason. Please help.

[newuserParticipant]

When I am putting the cellRenderer:cellRenderer as below I am not able to see the contents of the cells for which I have used the cellsRenderer property with class tooltip.

var cellsRenderer= function (row, column, value, rowData) {
var container = ‘<div class=”tooltip”>’ + value + ‘</div>’;
return container;
}

columns: [
{ text: ‘System Name’, dataField: ‘sysName’, renderer: columnsrenderer, cellsrenderer: cellsRenderer, width:’30%’},
{ text: ‘Assessment ID’, dataField: ‘assId’, renderer: columnsrenderer, cellsrenderer: cellsrenderer, width:’15%’},
{ text: ‘Assessment Done By’, dataField: ‘userName’, renderer: columnsrenderer, cellsrenderer: cellsrenderer, width:’15%’},
{ text: ‘Status’, dataField: ‘status’, renderer: columnsrenderer, cellsrenderer: cellsrenderer, width: ‘10%’},
{ text: ‘Assessment Done On’, dataField: ‘Date’, renderer: columnsrenderer, cellsrenderer: cellsrenderer, cellsFormat: ‘f’, width:’15%’},
{ text: ‘View Assessment’, dataField: ‘view’, renderer: columnsrenderer, cellsrenderer: cellsrenderer, width:’15%’},
]

[newuserParticipant]

can I use jqxtooltip widget:

columns: [
{ text: ‘Task’, dataField: “task”, align: ‘center’, width: 250 },
{ text: ‘Person Name’, dataField: “name”, cellsAlign: ‘center’, align: ‘center’, width: 200 },
{
text: ‘Duration’, dataField: “duration”, cellsAlign: ‘center’, align: ‘center’, cellsRenderer: function (row, column, value) {
$(“this”).jqxtooltip({content:$(this).text();
}
}
]

[newuserParticipant]

I am getting the below error in my Firefox console. In IE and chrome there is no such error. Error: s is undefined
a.jqx.svgRenderer.prototype._getTextParts@http://localhost:8002/cognitive/public/jqwidgets/jqxdraw.js:7:10286
a.jqx.commonRenderer.measureText@http://localhost:8002/cognitive/public/jqwidgets/jqxdraw.js:7:5008
a.jqx.svgRenderer.prototype._measureText@http://localhost:8002/cognitive/public/jqwidgets/jqxdraw.js:7:10509
a.jqx.svgRenderer.prototype.measureText@http://localhost:8002/cognitive/public/jqwidgets/jqxdraw.js:7:10592
c._getMaxLabelSize@http://localhost:8002/cognitive/public/jqwidgets/jqxgauge.js:7:22527
b._getLabelsDistance@http://localhost:8002/cognitive/public/jqwidgets/jqxgauge.js:7:11461
b._getRangeDistance@http://localhost:8002/cognitive/public/jqwidgets/jqxgauge.js:7:7772
b._addRange@http://localhost:8002/cognitive/public/jqwidgets/jqxgauge.js:7:8536
b._addRanges@http://localhost:8002/cognitive/public/jqwidgets/jqxgauge.js:7:7537
b._render@http://localhost:8002/cognitive/public/jqwidgets/jqxgauge.js:7:4127
b._refresh@http://localhost:8002/cognitive/public/jqwidgets/jqxgauge.js:7:3677
b.createInstance@http://localhost:8002/cognitive/public/jqwidgets/jqxgauge.js:7:1278
a.jqx.applyWidget@http://localhost:8002/cognitive/public/jqwidgets/jqxcore.js:7:6253
a.jqx.jqxWidget/a.fn[g]/<@http://localhost:8002/cognitive/public/jqwidgets/jqxcore.js:7:9230
.each@http://localhost:8002/cognitive/public/js/jquery-2.1.4.min.js:2:2880
n.prototype.each@http://localhost:8002/cognitive/public/js/jquery-2.1.4.min.js:2:845
a.jqx.jqxWidget/a.fn[g]@http://localhost:8002/cognitive/public/jqwidgets/jqxcore.js:7:9154
n@http://localhost:8002/cognitive/public/jqwidgets/jqxangular.js:7:12081
o/G/R</Z@http://localhost:8002/cognitive/public/jqwidgets/jqxangular.js:7:23432
o/G/R</aa@http://localhost:8002/cognitive/public/jqwidgets/jqxangular.js:7:27685
o/G/R<@http://localhost:8002/cognitive/public/jqwidgets/jqxangular.js:7:28185
td/<.notify/<@http://localhost:8002/cognitive/public/js/angular.min.js:122:1
lf/this.$get</r.prototype.$eval@http://localhost:8002/cognitive/public/js/angular.min.js:133:309
lf/this.$get</r.prototype.$digest@http://localhost:8002/cognitive/public/js/angular.min.js:130:404
lf/this.$get</r.prototype.$apply@http://localhost:8002/cognitive/public/js/angular.min.js:134:76
e/C.$$intervalId<@http://localhost:8002/cognitive/public/js/angular.min.js:97:100

[newuserParticipant]

could it be because we have put our own styles in a folder inside the downloaded jqxwidgets folder ?

[newuserParticipant]

Hi,

I updated to the latest version. Now I could see everything in the Guage when I am seeing the Guage in Firefox except the Pointer. Even if I am increasing the size of the Guage I could not see the pointer.

Regards,

[newuserParticipant]

Hi,

The problem is not with the number labels but with the pointer. Everything is visible except the pointer of the JQXGuage when I am opening the page in Firefox.

[newuserParticipant]

The pointer of the jqxguage is not visible in firefox after updating the version.

[newuserParticipant]

After updating the version of jqxwidgets to the latest version I can see the jqxGuage in Firefox but I am not able to see the tick in firefox. However it appears in chrome and Internet Explorer.

[newuserParticipant]

Hi,

Thanks it worked when I changed the jqxwidget version to the latest version. However I could not like to see the numbers in the guage. Is it possible to make the numbers invisible ?

[Author]

Posts