[Dave_1Participant]

I have two buttons on jqxwindow, one is for saving data another is for a closing window, I cant use $('.jqx-window').on('open', function (event) {}), it will close the window again.

[Dave_1Participant]

Hi Nitin Karande,

Try this, code added as an example

    $('.editButtons').click(function() {
      var id = $(this).attr('data-row');
      alert(id);
    });

[Dave_1Participant]

Hi,

one of my columns has number + string values this column does not show up on print screen.
I tried type string parameter “type: ‘string’” but it did not work.
is there any workaround for it.
can we any third party tool to print jqxgrid data.

[Dave_1Participant]

Thanks it worked for multiple rows too.

[Dave_1Participant]

here is sample of my code

{ text: 'Sr No', sortable: false, filterable: false, editable: false, groupable: false, draggable: false, resizable: false, datafield: 'text', columntype: 'number', width: '5%', cellsrenderer: function (row, column, value) { return "<div style='margin:4px;'>" + (value + 1) + "</div>"; }},
{ text: 'First Name', datafield:'firstName', width: '15%'},
{ text: 'Middle Name', datafield: 'middleName', width: '15%'},
{ text: 'Last Name', datafield: 'lastName', width: '15%'}

when i try to print grid with “Sr No”, it shows blank in print screen.

[Dave_1Participant]

Can you give me an example of it.

[Dave_1Participant]

Hello ,

In My grid i have 1 extra “SrNo ” Field , with numerical values generated on grid, am trying to print the grid with all details, but “SrNo” Field shows blank.

[Dave_1Participant]

is there a way we can restrict the context menu to one column only?

[Dave_1Participant]

Is there a way to get the data of all the checked rows?

[Dave_1Participant]

Thanks it worked fine now.
I added jqx-all.js

[Dave_1Participant]

yaa, I have tried “editable: true”, but it doesn’t work on row details.

[Dave_1Participant]

thanks Ivailo i forgot to add filters combobox.
Its working now

[Dave_1Participant]

$(document).ready(function () {
            var data = generatedata(500);
            var source =
            {   localdata: data,
                datafields:
                [
                    { name: 'name', type: 'string' },
                    { name: 'productname', type: 'string' }
                ],
                datatype: "array"
            };
            var dataAdapter = new $.jqx.dataAdapter(source);
            var items = new Array();
            items.push(data[0].name);
            items.push(data[1].name);
            items.push(data[2].name);
            items.push(data[3].name);
            items.push(data[4].name);            
            var items2 = new Array();
            items2 = ['All'];            
            function filteritems(){
                return items;
            }            
            function filteritems2(){
                return items;
            }            
            $("#jqxgrid").jqxGrid(
            {
                width: 600,
                source: dataAdapter,
                showfilterrow: true,
                filterable: true,
                columns: [
                    { text: 'Name', filtertype: 'list', filteritems: items, datafield: 'name', width: 200 },
                    { text: 'Product', filtertype: 'list', filteritems: items2, datafield: 'productname'}
                ]
            });            
            $("#jqxgrid").on("filter", function (event) {
            	var filterGroups1 = grid.jqxGrid('getfilterinformation');
            		 for (var k = 0; k < filterGroups1.length; k++) {
            			 var filterGroup1 = filterGroups1[k];
            			 var ClmName1= filterGroup1.filtercolumntext						
            			 var filters1 = filterGroup1.filter.getfilters();				 
            			 for (var l = 0; l < filters1.length; l++) {
            				var ClmValue1=filters1[l].value;
            			 }	
            				if(ClmValue1=="Name"){
            				fillProducts(ClmValue1); //sending filter column value to a function for getting values for Product dropdownlist 
            			}					
            		 }			 
            });
        });

i have modified the code accordingly,
i am calling a function “fillProducts” where i am taking a array and accoding to “Name” Field Value , i want to show the dropdownlist.

this is working too.. but, i am facing problem when, i want to show the custom product list for each “Name”.

[Dave_1Participant]

Hello Guys ,

I am having problem in Adding combobox to grid filter ,

i am having two columns state and city, accoding to state i want to change the cities in grid filter box,

can someone suggest me how to do it.

Thanks,
Dave_d

[Dave_1Participant]

Thanks Hristo

am facing problem in jqxRangeSelector .
i have two columns start time and end time and i want to perform filter on it , it is not returning any value to grid.

            $("#rangeSelector").jqxRangeSelector({
				width: 750, height: 100, min: data.StartTime, max: data.EndTime, range: { from: data.StartTime, to: data.EndTime },
				majorTicksInterval: { hours: 4 }, minorTicksInterval: { minutes: 30 }, labelsFormat: 'hh:mm tt', markersFormat: 'hh:mm tt'

            });
					    var applyFilter = function (from, to) {
			                $("#jqxgrid1").jqxGrid("clearfilters");
			                filtertype = "datefilter";
			                var filtergroup = new $.jqx.filter();
			                var filter_or_operator = 0;
			                var filtervalueFrom = from;
			                var filterconditionFrom = "GREATER_THAN_OR_EQUAL";
			                var filterFrom = filtergroup.createfilter(filtertype, filtervalueFrom, filterconditionFrom);
			                filtergroup.addfilter(filter_or_operator, filterFrom);
			                var filtervalueTo = to;
			                var filterconditionTo = "LESS_THAN_OR_EQUAL";
			                var filterTo = filtergroup.createfilter(filtertype, filtervalueTo, filterconditionTo);
			                filtergroup.addfilter(filter_or_operator, filterTo);
			                $("#jqxgrid1").jqxGrid("addfilter", "StartTime", filtergroup);
			                $("#jqxgrid1").jqxGrid("applyfilters");
			            };
			            // update filter on "change" event.
			            $("#rangeSelector").on("change", function (event) {
			                var range = event.args;
			                var min = $("#rangeSelector").jqxRangeSelector("min");
			                var max = $("#rangeSelector").jqxRangeSelector("max");
			                min = new Date(min);
			                max = new Date(max);
			                if (range.from.getTime() == min.getTime() && range.to.getTime() == max.getTime()) {
			                    $("#jqxgrid1").jqxGrid("clearfilters");
			                } else {
			                    applyFilter(range.from, range.to);
			                };
			            });

[Author]

Posts