jQWidgets Forums
Forum Replies Created
-
Author
-
March 15, 2016 at 4:22 pm in reply to: jqxTree AngularJS Directive jqxTree AngularJS Directive #82499
Thank you Dimitar for the quick response.
It is working fine, can you also suggest me how to parse this type of JSON data to jqxtree or JqxListbox either.
var data = { "Hot Chocolate": { "text": "Hot Chocolate", "value": "$3.7" }, "Peppermint Hot Chocolate": { "text": "Peppermint Hot Chocolate", "value": "$2.9" }, "Salted Caramel Hot Chocolate": { "text": "Salted Caramel Hot Chocolate", "value": "$2.4" }, "White Hot Chocolate": { "text": "White Hot Chocolate", "value": "$2.2" }, "Chocolate Beverage": { "text": "Chocolate Beverage", "value": "$2.3" }, "Caffe Americano": { "text": "Caffe Americano", "value": "$2.3" }, "Caffe Latte": { "text": "Caffe Latte", "value": "$2.3" } }
March 14, 2016 at 9:09 pm in reply to: jqxTree AngularJS Directive jqxTree AngularJS Directive #82453Hi Dimitar,
The actual JSON data might be this
var data = [ { "text": "Hot Chocolate", "value": "$3.7" }, { "text": "Peppermint Hot Chocolate", "value": "$2.9" }, { "text": "Salted Caramel Hot Chocolate", "value": "$2.4" }, { "text": "White Hot Chocolate", "value": "$2.2" }, { "text": "Chocolate Beverage", "value": "$2.3" },{ "text": "Caffe Americano", "value": "$2.3" }, { ""text": "Caffe Latte", "value": "$2.3" } ];
March 11, 2016 at 5:56 pm in reply to: jqxTree AngularJS Directive jqxTree AngularJS Directive #82382March 9, 2016 at 8:38 pm in reply to: jqxTree AngularJS Directive jqxTree AngularJS Directive #82292Can someone reply to this, please.
December 30, 2015 at 1:23 pm in reply to: Row(s) highlighting(Color change) based on a search value Row(s) highlighting(Color change) based on a search value #79948Hi Christian,
Thank you for the reply.
I need the exact same kind of behavior, but instead of coloring the column, I want the entire row of the selected column should be colored to red.
And the search is need to be done only on a single column ex, first name here in sample.
If the search has first name: Peter, then the rows which have first name as Peter should be colored to red.
Will be waiting for your response.
Thanks,
Phoebe.December 29, 2015 at 9:09 pm in reply to: Row(s) highlighting(Color change) based on a search value Row(s) highlighting(Color change) based on a search value #79881Hi Ivailo,
I see the cellclassname usage,It is applying color when the grid is initialized based on a value comparison, but here my problem is I have a grid and a seperate text box where I enter some text and click on a button, It should search in a column values of the grid, if a row has that value in the particular column, the entire grid should be shown as same, but the background color of the rows which has that value should be changed. i.e, highlight among other rows. The grid should show the rows highlighted only when we search for a value in the grid.
If you didn’t understand my question, please reply back.
Can you post any sample or example to refer what you want me to try in this case.
Please help me.!!
December 24, 2015 at 2:03 pm in reply to: Row(s) highlighting(Color change) based on a search value Row(s) highlighting(Color change) based on a search value #79766Anyone worked on this issue? Please respond.
I am looking to implement a function that will search for a value in the column and thus select the row in grid( that is change the row color) which has that value in the column data.
Please let me know if you have any other solutions that can make it up for my problem. I tried working on it with this code,
function setGlobalFilter (filtervalue) { var columns = cgTableObject.jqxGrid('columns'); var filtergroup, filter; // clear filters and exit if filter expression is empty cgTableObject.jqxGrid('clearfilters'); if (filtervalue == null || filtervalue == '') { return; } // the filtervalue must be aplied to all columns individually, // the column filters are combined using "OR" operator for ( var i = 0; i < columns.records.length; i++) { if (!columns.records[i].hidden && columns.records[i].filterable) { filtergroup = new $.jqx.filter(); filtergroup.operator = 'or'; filter = filtergroup.createfilter('stringfilter', filtervalue, 'contains'); filtergroup.addfilter(1, filter); cgTableObject.jqxGrid('addfilter', columns.records[i].datafield, filtergroup); } } cgTableObject.jqxGrid('applyfilters'); }
But this is filtering the data from grid, but I need to just change the color of the rows that are filtered and show the entire grid as same.
Please help me.
Thanks in advance.
December 23, 2015 at 2:25 am in reply to: Search functionality for all the columns in grid Search functionality for all the columns in grid #79680Hi,
I am working on search functionality and highlight of rows based on the search in JqxGrid,
A value entered in textbox will be searched in a column data and thus highlight the rows which have that value in the column.
Can anyone please help me?
July 30, 2015 at 1:23 pm in reply to: Disabling all rows in jqxgrid except the selected one Disabling all rows in jqxgrid except the selected one #74323Hi Dimitar,
I am trying to build a jqxGrid with checkbox as a columntype and looking for singlerow selection.
I want a row to be selected if the user clicks on checkbox or even the row. But he cannot make multiplerows selection with checkboxes. So I need your help on that, the sample you replied is working same as ‘Checkbox selection mode’.All I want is ‘singlerow selection’ and only a checkbox in column to be selected with row.
Please respond. Thanks in advance.
July 22, 2015 at 5:24 pm in reply to: Increase height of column header Increase height of column header #74063Hi ivailo,
Thanks for the response. I have seen the demo and it is a fix for big names, but my problem is with the
responsive design view. When the screen size changes to 980* xx or 800* xx size or on projector, the text will be displayed as ” First Name…”Will there be anything to avoid it and the resize of the header when the screen size is changed/reduced pixels.
The solution will help me a lot. Thanks.!!
July 21, 2015 at 7:40 pm in reply to: Increase height of column header Increase height of column header #74003Hi ivailo,
When I use the columnsheight property, I wish to see the column header name fits into that column and not a First Name…
I tried in the demo fiddle you suggested. But its still the same.
I need a column header height to show the full name.
For example:
columnsheight: 30, source: adapter, sortable: true, columns: [{ text: 'First Name is very Big', datafield: 'firstname', width: 90 }
Then the column should display the whole name in the grid.
Please respond 🙂
Thanks in advance.
June 29, 2015 at 1:27 pm in reply to: Custom Checkbox in jqxGrid column Custom Checkbox in jqxGrid column #73147Thanks ivailo,
I overlooked the code. It worked for me.
June 24, 2015 at 2:40 pm in reply to: Custom Checkbox in jqxGrid column Custom Checkbox in jqxGrid column #72957I have changed it. Still the same issue.
June 23, 2015 at 1:25 pm in reply to: Custom Checkbox in jqxGrid column Custom Checkbox in jqxGrid column #72907Sorry,
In the snippet I have included
localdata: data
But in my code it is
url: url
Still facing the problem.
-
AuthorPosts