jQWidgets Forums

Forum Replies Created

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • in reply to: jqxTree AngularJS Directive jqxTree AngularJS Directive #82499

    Sravanthi
    Participant

    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"
                    }
              }
    
    in reply to: jqxTree AngularJS Directive jqxTree AngularJS Directive #82453

    Sravanthi
    Participant

    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"
    }
    ];
    
    in reply to: jqxTree AngularJS Directive jqxTree AngularJS Directive #82382

    Sravanthi
    Participant

    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.

    in reply to: jqxTree AngularJS Directive jqxTree AngularJS Directive #82292

    Sravanthi
    Participant

    Can someone reply to this, please.

    in reply to: JqxTree JqxTree #82238

    Sravanthi
    Participant

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


    Sravanthi
    Participant

    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.


    Sravanthi
    Participant

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


    Sravanthi
    Participant

    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.


    Sravanthi
    Participant

    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?


    Sravanthi
    Participant

    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.


    Sravanthi
    Participant

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


    Sravanthi
    Participant

    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.


    Sravanthi
    Participant

    Thanks ivailo,

    I overlooked the code. It worked for me.


    Sravanthi
    Participant

    I have changed it. Still the same issue.


    Sravanthi
    Participant

    Sorry,

    In the snippet I have included

    localdata: data

    But in my code it is url: url

    Still facing the problem.

Viewing 15 posts - 1 through 15 (of 16 total)