CODEWITHSUNDEEP
jqueryjquery-uijqgrid
Blaire Andaloc
Blaire Andaloc

Reputation: 127

Select the current row in a cell of jqxDataTable in jwidgets

I'm new with jwidgets I just wanted to ask how do I select the current row in a cell of table example the schedule_id jqxDataTable, your help is much appreciated. The code of my data table. 

function table_data(){
        var name = $("#id_name").val();
        var url = "http://bodyline###/###/myschedule?name="+name;
        // prepare the data
        var source =
        {
            dataType: "json",
            dataFields: [
                { name: 'schedule_id', type: 'int' },
                { name: 'status', type: 'string' },
                { name: 'day', type: 'string' },
                { name: 'start_am', type: 'string' },
                { name: 'end_am', type: 'string' },
                { name: 'start_pm', type: 'string' },
                { name: 'end_pm', type: 'string' },
                { name: 'dob', type: 'string' }
            ],
            id: 'id',
            url: url
        };
        var dataAdapter = new $.jqx.dataAdapter(source);
        $("#dataTable").jqxDataTable(
        {
            width: 920,
            pageable: true,
            pagerButtonsCount: 10,
            source: dataAdapter,
            columnsResize: true,
            columns: [
              { text: 'CONTROL',            dataField: 'schedule_id',   width: 70 },
              { text: 'STATUS',             dataField: 'status',        width: 150 },
              { text: 'DAYS',               dataField: 'day',           width: 180 },
              { text: 'MORNING IN',         dataField: 'start_am',      width: 120 },
              { text: 'MORNING OUT',        dataField: 'end_am',        width: 120},
              { text: 'AFTERNOON IN',       dataField: 'start_pm',      width: 140 },
              { text: 'AFTERNOON OUT',      dataField: 'end_pm',        width: 140},
              { text: 'DATE',               dataField: 'dob',           width: 120 }
          ]
        });
}

Upvotes: 1

Views: 1304

Answers (2)

Blaire Andaloc
Blaire Andaloc

Reputation: 127

This event is row click 

         $('#dataTable').on('rowClick', 
            function (event)
            {
                var args = event.args;
                var row = args.row;
                var index = args.index;
                var boundIndex = args.boundIndex; 
                var key = args.key;
                var dataField = args.dataField;
                var clickEvent = args.originalEvent;
                var value = $("#dataTable").jqxDataTable('getCellValue', index, 'schedule_id');
                alert(value);
            });

Upvotes: 2

Sundar Rajan
Sundar Rajan

Reputation: 133

You can make use of $(this) for example

    $("#dataTable").click(function() {
      var parentRowCss = $(this).getGridParam("schedule_id"); 
    }

Upvotes: 0

Related Questions