Questions tagged [jqwidget]
jQWidgets is a jQuery based framework for building modern responsive web sites and mobile web applications that work on any web-connected device.
243
questions
0
votes
0
answers
23
views
How to fix vue.js schedule d.cleartime error?
I want to make a scheduler with jqwidget and a java spring boot backend where i fetch data from my database.
Now I always run in following error:
main.js:8 [Vue warn]: Error in mounted hook: "...
0
votes
0
answers
49
views
Unable to cast object of type RemoteJSRuntime to IJSInProcessRuntime when using jQWidgets with Blazor
I had an error when using jQWidgets in the Blazor project (.NET 8) following this tutorial: https://blazor.jqwidgets.com/documentation/jQWidgets
The specific code is just the table following this ...
0
votes
0
answers
36
views
JqxTree is taking time to load with 500 records
It is taking around 3-4 seconds to load 500 records which is very slow as it is hampering my app performance.
var source = {
datatype: "json",
datafields: [
{ name: "Rid&...
0
votes
1
answer
65
views
JQXTree is loading slow with 500 records
**JQXTree ** is loading slow with 500 records. Below is my code snipset.
It is taking around 3-4 seconds to load 500 records which is very slow as it is hampering my performance. Is there any ...
0
votes
0
answers
91
views
Workaround or alternative tree grid to JqxTreeGrid due to unique id issue?
I currently use the widget JqxTreeGrid for large datasets for my company.
I've come across a fatal issue where child parts of different parents that are the same part aren't treated as unique rows and ...
0
votes
0
answers
60
views
Using jqxWidgets with esbuild
Since my Angular project takes too much time to compile, I wanted to build with ESBUILD So, added this to my angular.json file
"builder": "@angular-devkit/build-angular:browser-esbuild&...
0
votes
1
answer
168
views
jqWidget - disable checkbox based on data
I'm using for my project the plugin jqWidget and for my table, I set "checkbox" as a "selection mode".
Now what I need is when the table will load, to disable/hide the checkbox for ...
0
votes
1
answer
410
views
How to add a new row and make it editable in jQWidgets?
I have a scenario where I need to add a new row to a grid, and leave it empty, but editable. I have achieved something, but it’s not quite what I’m looking for. In the example, I’ve provided a snippet ...
0
votes
1
answer
60
views
retrieve a value entered in the input field of the schedule jqwidget dialog box with angular
I am trying to retrieve the values I enter in the input field of the scheduler dialog box with angular but I can't. Can someone help me with an example please? using console.log will be enough.
0
votes
1
answer
411
views
How to style individual cells using 'cellsRenderer' in jQWidgets?
If I’m passing a string, and that string is empty, I’m using cellsRenderer to return the string –Unspecified–. However, the returned string is at the top left of the cell and not vertically centered ...
1
vote
1
answer
671
views
Highlight A Row On Condition
I am trying to highlight a row upon condition in a table. Am using Jqxgrid and did something in the front-end to highlight:
TypeScript:
carsDataAgain = [
{
year: '1967',
make: 'Pontiac'...
1
vote
1
answer
488
views
Deciding the value in console log based on the column value
Please take a look at my code below. I have a YearEligible column with Y and N values in the cell for each record. Based on this I want to decide what values does the Year column sends upon clicking ...
0
votes
1
answer
317
views
filter rows based on checkbox selection
I have the following example where I'm using jqwidgets. When a user clicks on Get rows button, it(console.log) is returning an array of all the records from the table. Is it possible to filter these ...
0
votes
1
answer
354
views
JqxGrid filter is lost after I reload the page
I am working with an overview page, where I use JqxGrid to display all the items in our company. You can click on an item to go to the next page where you can view the details of this item. If you set ...
0
votes
1
answer
111
views
Why does jqxMenu appear incorrectly?
I am working on my own module for an angular project. I am trying to make a menu using jqxMenu, but when I run ng serve it does not appear the way it should. I ve imported jqxmenucomponent into my ...
-1
votes
1
answer
262
views
jqwidgets chart not rendering any data
I have imported the jqwidgets script however the chart does not render. What am I missing?
<!--Placeholder for the chart-->
<div id="jqxIncidentChart" class="chart">
&...
0
votes
1
answer
83
views
URL parsing in .net core api
For a grid I have used jqwidget on client side. While filtering the data from grid the jqwidget create a url like
https://localhost:44330/api/role/index?FilterGroups[0][field]=roleName&...
1
vote
1
answer
185
views
Trying to use Vue js plug-ins without the use of NPM or webpack
The problem
At this moment I am following the jqwidgets guidelines from the link displayed below to build a dropdownbox. The only problem with their setup is that they make use of the IMPORT ...
0
votes
0
answers
82
views
Enter key behave like arrow keys in javaScript
I use jQwidget in my application. When I press Enter I want it to behave like arrow keys (navigate to the left on table's cell. )
($('#documentDetail') as any).jqxGrid({
handlekeyboardnavigation: ...
1
vote
1
answer
159
views
jqwidgets-datetimeinput date format d MMMM yyyy not displayed correctly
I am using jqwidgets-datetimeinput to display and input formatted date. It is working fine for most of the use cases but for the format d MMMM yyyy it is not behaving correctly.
it is showing as 6/11/...
0
votes
0
answers
166
views
jqwidgets jqxGrid go to the page of a specific row
My jqxgrid has paging, and assume I call
$('#jqxGrid').jqxGrid('selectrow', 20);
I want the grid can go to the page with the selected row, but I don't know which page contains the selected row (...
0
votes
1
answer
183
views
Changing parent row color based on child column value- jqWidgets
I have a nested grid, and I am able to change the nested grid row background color based on the value of one of its columns. But I would like to also be able to change the color of the parent row.
...
0
votes
0
answers
631
views
npm WARN tarball tarball data for [email protected] seems to be corrupted. Trying one more time
I am getting intermittent issue during installing jqwidgets. Most of the time things working as expected but sometime I got below error
npm WARN notice [SECURITY] minimatch has the following ...
0
votes
0
answers
152
views
How to clear custom dialog fields data in angular jqxscheduler on adding new appointment?
I'm using jqxscheduler for scheduling appointment. I have successfully created custom fields in edit dialog of jqxscheduler and able to add/edit appointment. But when I'm creating new appointment, ...
2
votes
1
answer
3k
views
How to check what Angular version was used
After I've cloned JQWidget Github repository and installed the angular-fitnesstracker app with:
git clone https://github.com/jqwidgets/jQWidgets.git
cd ./jQWidgets/demos/Showcase/angular-...
1
vote
1
answer
688
views
Jqxgrid Export to Excel Error - " q.toISOString is not a function"
When attempting to export to excel jqwidget grid data I get an error
jqxdata.export.js:8 Uncaught TypeError: q.toISOString is not a
function
at a.g (jqxdata.export.js:8)
at ...
0
votes
0
answers
78
views
Data is not being loaded in Jqwidget DataTable (JqDataTable)
We needed datatable functionality for backoffice in our Umbraco based web application, so we decided to use JqDataTable.
JqDataTable is working fine the only issue we face is when we switch from one ...
2
votes
0
answers
609
views
document is not defined in nuxtjs on integrating jqxwidget
I'm integrating jqxWidgets(https://www.jqwidgets.com/vue/) into my nuxtjs app.
Here are the steps I did:
installed jqwidgest npm install --save jqwidgets-scripts
After I imported the jqxGrid on my ...
0
votes
1
answer
175
views
how to add jqxEditorModule in angular 8
I am trying to implement Angular HTML Editor by following this link here: https://www.jqwidgets.com/angular/angular-editor/angular-editor-defaultfunctionality.htm
But I'm getting error on:
import * ...
1
vote
0
answers
213
views
How to fix 'Uncaught TypeError: $.jqx.pivot is not a constructor'
I'm using jqxPiveGrid, but it doesn't work, and the problems showed on console: Uncaught TypeError: $.jqx.pivot is not a constructor.
enter image description here
I'm using Visual Studio 2015, (ASP....
0
votes
1
answer
175
views
Is there a way to two-way bind jqxComboBox?
Here is my form:
<form [formGroup]="form">
<jqxComboBox [source]="source" formControlName="control">
</jqxComboBox>
</form>
I'm trying to update it from code ...
0
votes
1
answer
169
views
Error In jqxcalender : Globalize is not defined
I am using jqxcalender in my angular comonent and when tage loaded im getting this error Globalize is not defined in the console how can i solve this error
I have tried importing jqxcalender in code
...
0
votes
0
answers
272
views
Jqwidgets chart not working in firefox and in safari
I am showing some bar chart and line chart using jqwidgets library, it works fine in chrome and edge browser but in firefox and safari, it did not make any chart.
Why it does not work in firefox and ...
1
vote
0
answers
200
views
JQwidgets Scheduler Angular Default To Today's Date
I am working with the scheduler and angular and would like to know if there is a way to make it so when the scheduler loads it defaults to today’s date. For instance, if we are defaulting to week view ...
0
votes
1
answer
561
views
Angular 7 & JQWidgets - Export Grid data from another component
I am experimenting with Angular 7 and JQWidgets. I am working on Grid component and want to export Grid's data from another component called settings.
I worked on the demo (available here) and I ...
0
votes
0
answers
85
views
How to assign custom colors to jqwidget chart columns?
I am trying to set a custom color to each and every column of the chart, I found the series option but it was setting the color to the series. I want to set the color to each and every column.
Here ...
1
vote
0
answers
73
views
Why does JqxTreeGrid not allow browser selection when selectionMode is singleRow?
In a jqxTreeGrid, I can set the enableBrowserSelection property to true to allow selection of (parts of) the text displayed in the cells. This is useful for copying the data to the clipboard.
However,...
0
votes
2
answers
6k
views
Unable to get Jest test to pass in Angular
This seems so simple that I know I must be doing something wrong, but I've been at this for a whole day, and still can't get a simple test to pass. My component uses the third-party library JQWidgets, ...
2
votes
1
answer
907
views
jqxTreeGrid rowClick and rowDoubleClick vs rowSelect
Why would the rowDoubleClick or rowClick event return a more robust object than the rowSelect?
For example rowDoubleClick
$('#tree01').on('rowDoubleClick', function (event){
var args = ...
1
vote
0
answers
281
views
Copy data from excel - JQWidgets Grid
Iam trying to copy and paste data in jqGrid from excel .Grid Properties used :
width: '1200px',
height: '600px',
sortable: true,
sortmode: "many",
...
-1
votes
2
answers
3k
views
Tree grid with checkbox on each cell in angular 5
I need this kind of tree grid with checkbox for each cell with nested json
in angular 5.
I have checked the ag-grid and jqwidgets but couldn't find the solutoin to my problem.
3
votes
0
answers
243
views
Lazy loading in jqxListBox
Can anyone help to implement lazy loading in jqxListBox? There is no built API for this. I have to display 10000 records in jqxListBox. Due to this huge dataset, the selection and remaining business ...
1
vote
0
answers
376
views
How to display theme and apply css styling to jqx-widget drop down list in angular 4 or 5?
I have imported this libraries in angular.json file
“input”:”node_modules/jqwidgets-scripts/jqwidgets/jqx.all”
},
{
“input”:”node_modules/jqwidgets-scripts/jqwidgets/styles/jqx.base.css”
},
{
“input”:...
0
votes
1
answer
123
views
How to generate specific json with jqwidgets and angular?
I'm trying to export the data of my datatable into a json file.
The table is create with JQwidget on Angular6 and the data come from an API.
But, with the jqwidgets method exportData('json');, only ...
0
votes
0
answers
433
views
how to drag jqxscheduler outside the calendar
I am using jqxscheduler. I want to enable the dragging of event to whole window
below give code I am using to initialize the calendar what I need to add move to make the event boxes drag-able outside ...
0
votes
0
answers
46
views
jqxBarGauge background color
I am building a simple webpage with a jqxBarGauge on it. The gauge is within the body which has a background color (grey) specified via css. Is there any way to get the canvas color to match the ...
0
votes
1
answer
361
views
dropDownVerticalAlignment top issue on jqxDropDownList inside jqxGrid
I have been working in an application developed with jqWidget, jquery and HTML5. I have been came across an weird issue with jqxDropDownList inside jqxGrid.
On making dropDownVerticalAlignment: 'top',...
0
votes
1
answer
199
views
Unit Testing Angular app with jQWidgets and Karma/Jasmine
If anyone has created jasmine/karma Angular tests that have jQWidgets - even if you haven't encountered this error I would like to see your karma.conf.js and .spec files, as I am having an issue.
I ...
0
votes
0
answers
54
views
Unable to post data from child to parent in react.js
I'm working in single page web application. In page i have a dropdown so based on dropdown value i will load the data in grid. The grid data is come from jqgrid component so sometime grid data is ...
6
votes
2
answers
1k
views
How can I check checkboxes and disabled in jqxTreeGrid
I am trying to make some of checkboxes checked and disabled in jqxTreeGrid in below code:
$("#treegrid_portfolio").jqxTreeGrid(
{
source: dataAdapter,
pageable: ...