jQuery UI Widgets Forums Layouts Panel and Responsive Panel Possibility of JQXPanel and jQXGrid interacting with one another?

This topic contains 1 reply, has 2 voices, and was last updated by  admin 3 years ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author

  • walker1234
    Participant

    I would like to know is there any possibility where jQXPanel and jQXGrid can talk to another? Here is what I mean when I say “talk to one another”. Please consider the following JSON response

    {
    	"webservice_status": {
    		"status": "SUCCESS",
    		"message": ""
    	},
    	"documentContent": [{
    		"webservice_status": null,
    		"id": "4321",
    		"wordTo_highlight": "Car",
    		"document_id": 678767,
    		"date_value": "2016-04-27",
    		"doc_content": "                                                 Company Name:Car Transportation\n\n                                                 id:    000004321\n\n                                          Vehicle Report\n\n\nExcellent Condition:                Z-77-7654             Received Date/Time:       4/27/2016 13:02 CDT\n                                                   Collected Date/Time:      4/27/2016 13:02 CDT\n\n\n                  Sedan Final Report- 4/28/2016 14:38 CDT -\n\n         CASE: Z-77-7654\n\n                                                 Company Name:Car & SUV Transportation\n\n                                                 id:    000004321\n\n                                          Vehicle Report\n\n\nExcellent Condition:                Z-77-7654             Received Date/Time:       4/27/2016 13:02 CDT\n                                                   Collected Date/Time:      4/27/2016 13:02 CDT\n\n",
    		"stop": 645,
    		"start": 638
    
    	}, {
    		"webservice_status": null,
    		"id": "4321",
    		"wordTo_highlight": "SUV",
    		"document_id": 678767,
    		"date_value": "2016-04-27",
    		"doc_content": "                                                 Company Name:Car Transportation\n\n                                                 id:    000004321\n\n                                          Vehicle Report\n\n\nExcellent Condition:                Z-77-7654             Received Date/Time:       4/27/2016 13:02 CDT\n                                                   Collected Date/Time:      4/27/2016 13:02 CDT\n\n\n                  Sedan Final Report- 4/28/2016 14:38 CDT -\n\n         CASE: Z-77-7654\n\n                                                 Company Name:Car & SUV Transportation\n\n                                                 id:    000004321\n\n                                          Vehicle Report\n\n\nExcellent Condition:                Z-77-7654             Received Date/Time:       4/27/2016 13:02 CDT\n                                            Collected Date/Time:      4/27/2016 13:02 CDT\n\n",
    		"stop": 2890,
    		"start": 2883
    
    	}, {
    		"webservice_status": null,
    		"id": "4321",
    		"wordTo_highlight": "Car",
    		"document_id": 678767,
    		"date_value": "2016-04-27",
    		"doc_content": "                                                 Company Name:Car Transportation\n\n                                                 id:    000004321\n\n                                          Vehicle Report\n\n\nExcellent Condition:                Z-77-7654             Received Date/Time:       4/27/2016 13:02 CDT\n                                                   Collected Date/Time:      4/27/2016 13:02 CDT\n\n\n                  Sedan Final Report- 4/28/2016 14:38 CDT -\n\n         CASE: Z-77-7654\n\n                                                 Company Name:Car & SUV Transportation\n\n                                                 id:    000004321\n\n                                          Vehicle Report\n\n\nExcellent Condition:                Z-77-7654             Received Date/Time:       4/27/2016 13:02 CDT\n                                                   Collected Date/Time:      4/27/2016 13:02 CDT\n\n",
    		"stop": 1156,
    		"start": 1149
    
    	}, {
    		"webservice_status": null,
    		"id": "4321",
    		"wordTo_highlight": "SUV",
    		"document_id": 678767,
    		"date_value": "2016-04-27",
    		"doc_content": "                                                 Company Name:Car Transportation\n\n                                                 id:    000004321\n\n                                          Vehicle Report\n\n\nExcellent Condition:                Z-77-7654             Received Date/Time:       4/27/2016 13:02 CDT\n                                                   Collected Date/Time:      4/27/2016 13:02 CDT\n\n\n                  Sedan Final Report- 4/28/2016 14:38 CDT -\n\n         CASE: Z-77-7654\n\n                                                 Company Name:Car & SUV Transportation\n\n                                                 id:    000004321\n\n                                          Vehicle Report\n\n\nExcellent Condition:                Z-77-7654             Received Date/Time:       4/27/2016 13:02 CDT\n                                                   Collected Date/Time:      4/27/2016 13:02 CDT\n\n",
    		"stop": 2970,
    		"start": 2963
    
    	}, {
    		"webservice_status": null,
    		"id": "4321",
    		"wordTo_highlight": "SUV",
    		"document_id": 678767,
    		"date_value": "2016-04-27",
    		"doc_content": "                                                 Company Name:Car Transportation\n\n                                                 id:    000004321\n\n                                          Vehicle Report\n\n\nExcellent Condition:                Z-77-7654             Received Date/Time:       4/27/2016 13:02 CDT\n                                                   Collected Date/Time:      4/27/2016 13:02 CDT\n\n\n                  Sedan Final Report- 4/28/2016 14:38 CDT -\n\n         CASE: Z-77-7654\n\n                                                 Company Name:Car & SUV Transportation\n\n                                                 id:    000004321\n\n                                          Vehicle Report\n\n\nExcellent Condition:                Z-77-7654             Received Date/Time:       4/27/2016 13:02 CDT\n                                                   Collected Date/Time:      4/27/2016 13:02 CDT\n\n",
    		"stop": 3744,
    		"start": 3737
    
    	}]
    }

    From the JSON response, I am displaying a document content in the jQXPanel (corresponding to the key doc_content)
    I have a jQXGrid with one column on the left hand side of the jQXPanel which contains the list of words that needs to be highlighted in the
    document which is present inside the jQXPanel. This highlight will happen when a user clicks on a particular row/word of jQXgrid. In the above JSON scenario the jQXgrid contains two words(wordTo_highlight) in one column and two rows, namely, Car and SUV.Both the words have start and stop values associated with them which determines their location in the document.

    Could you tell me if there is anything possible in the jQXWidget world? If not, any alternatives?


    admin
    Keymaster

    In general, we have nothing such built-in. The Grid has events like rowselect, cellclick, etc. and you can get information what’s clicked. Then you can use that information to implement something custom in your Panel.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.