[SravanthiParticipant]

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"
                }
          }

[SravanthiParticipant]

Hi 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"
}
];

[SravanthiParticipant]

Hi,

Can I hook up my JSON data to jqxtree using ng-repeat with the li list tag?

as mentioned in this post?

I did not find the exact way for jqxtree generation using json data without id and parentid in it.

Or please give me an example of how can I do it.

Thanks.

[SravanthiParticipant]

Can someone reply to this, please.

[SravanthiParticipant]

The jsfiddle is not showing anything, can anyone show how to display the jqxtree with json data through ng-repeat in li tag?

[SravanthiParticipant]

Hi 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.

[SravanthiParticipant]

Hi 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.!!

[SravanthiParticipant]

Anyone 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.

[SravanthiParticipant]

Hi,

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?

[SravanthiParticipant]

Hi 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.

[SravanthiParticipant]

Hi 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.!!

[SravanthiParticipant]

Hi 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.

[SravanthiParticipant]

Thanks ivailo,

I overlooked the code. It worked for me.

[SravanthiParticipant]

I have changed it. Still the same issue.

[SravanthiParticipant]

Sorry,

In the snippet I have included

localdata: data

But in my code it is url: url

Still facing the problem.

[Author]

Posts