[ShelanParticipant]

Hi Ivo,

Thanks for your reply. I have two questions.

1. Is it not possible even in 4.1.2?
2. Currently when I unselect them it unselects the current page only, how to make it unselect all the pages?

Thanks & Regards,
Shelan

[ShelanParticipant]

Hi Ivo,

Few days back I just upgraded to jQWidgets 4.0.0.

I want to make it to select only current page. The above example selects all the pages.

Thanks & Regards,
Shelan

[ShelanParticipant]

Hi Peter,

Thank you very much for your quick response.

Is it advisable to remove contentType: ‘application/json’ from the data preparation section? Will it give any impact?

The same code is working fine if I use the older version(which I was already using in my project), I couldn’t able to understand the problem. Please help me to solve this issue.

Thanks in advance…

Best Regards,
Shelan

[ShelanParticipant]

Hi Dimitar,

I checked my implementation and I don’t find anything wrong.

I tried the example with both 3.2.2 and 3.9.0, I found that, The issue is because of the outdated version(3.2.2) which I’m using.

Thank you very much for your help.

Regards,
Shelan

[ShelanParticipant]

Hi Dimitar,

There is no error thrown in the console. I checked the version of jQWidgets, it is v3.2.2.

I agree with your point that, we have to use the latest version. But it’s very difficult to get approval for the version upgrade.

Since we faced some issues with the other existing functionalities when we did the version upgrade, I couldn’t able to get approval.

Kindly suggest me on this.

Thanks & Regards,
Shelan

[ShelanParticipant]

Hi Dimitar,

Thanks for the solution provided.

I’m following the same way, but i couldn’t achieve the same in my project.

But I tried with the same example code in a separate HTML file, and it’s working fine. Any idea what will be the problem?

Thanks & Regards,
Shelan

[ShelanParticipant]

Thank you very much Dimitar.

Regards,
Shelan

[ShelanParticipant]

Hi Dimitar,

How can i achieve the same based on value of a column?

I want to be able to build a condition based on one column’s value, if the value of a specific column is “0” want to disable it, if the value is “1” want enable it.

And also when clicking on the checkbox which is in the header, I want check only enabled row checkboxes.

Thanks in advance…

Regards,
Shelan

[ShelanParticipant]

Hi Peter,

I need to select the list items from left side jqxListBox and move it to right side and vice versa.

Is it possible to customise the jqxListBox with Checkboxes to suit my requirement? If yes, please help me with one example.

Thanks,
Shelan

[ShelanParticipant]

Hi Peter,

Thanks for the suggestion, but i need something looks like this accumulator.

http://i.stack.imgur.com/Lszn7.png

Kindly suggest me the best.

Thanks,
Shelan

[ShelanParticipant]

Hi Dimitar,

Thanks a lot for the solution.

But i need to have a checkbox in the column header as well, so that i can sect all the rows. I have seen some example looks like same as my requirement and I tried it. but can’t able to achieve it fully.

can you please check and let me know what is the problem.

$("#jqxGrid").jqxGrid(
		{
			width: outerPercentage,
			height:'100%',
			source: dataAdapter,
			theme: theme,
			showfilterrow: true,
			filterable: true,
			sortable: true,
			altrows: true,
			showfiltermenuitems:false,
			enabletooltips: true,
			rowsheight:33,
			pageable:true,
			pagesizeoptions: ['10','20','50'],
			pagerrenderer: customPagerRenderer,
			columnsmenu: false,
			editable: true,
			selectionmode: 'none',
			columnsresize: true,
			columns: [
				{text: '', datafield: 'linkStatus',columntype: 'checkbox', filterable: false, groupable: false, sortable: false, width: "10%",
					renderer: function () {
						return '<div class="checkText" style="text-align:center;line-height:25px"><label>Select</label><br /><div id="linkedToDomain" style="left: 50%; margin-left: -10px; top:34px; position:absolute"></div></div>';
					},
					rendered: function (element) {
						if(userAccessFlag.toLowerCase() == "y")
						{
							var linkStatusChkbox = $(element).find('#linkedToDomain');
							$(linkStatusChkbox).jqxCheckBox({ theme: theme, width: 16, height: 16, animationShowDelay: 0, animationHideDelay: 0});
							columnLinkStatusCheckBox = $(linkStatusChkbox);
							checkHeaderSelection('linkStatus');
							$(linkStatusChkbox).on('change', function (event) {
							
								var checked = event.args.checked,
									checkboxState = $(this).hasClass('state-indeterminate'); //Get the status of header checkbox; refer function
									"checkHeaderSelection"
								
								if(checked == null || updatingCheckState)
								{
									return;
								}
								else
								{
									//Remove the newly added class name whenever the indeterminate state has got changed
									$(this).removeClass('state-indeterminate');
								}
								
								var rows = $('#jqxGrid').jqxGrid('getrows');
								var rowscount = rows.length;
								$("#jqxGrid").jqxGrid('beginupdate');
								for (var i = 0; i < rowscount; i++) {
									var displayRow = rows[i];
									// @param row id
									var data = $('#jqxGrid').jqxGrid('getrowboundindexbyid', displayRow.uid);
									
									var value = $("#jqxGrid").jqxGrid('getcellvalue', data, 'linkStatus'),
										recordStatus = $("#jqxGrid").jqxGrid('getcellvalue', data, 'isDisabled');
									if(recordStatus !=null)
									{
										//If linkStatus current status is false and isDisabled value is "N"
										if(!value && recordStatus.toLowerCase() != "y"){
											$("#jqxGrid").jqxGrid('setcellvalue', data, 'linkStatus', event.args.checked);
											setUpdateRows(data);	
										}
										
										//if column header checkbox is not indeterminate state & isDisabled value is "N"
										if(!checkboxState && recordStatus.toLowerCase() != "y")
										{
											$("#jqxGrid").jqxGrid('setcellvalue', data, 'linkStatus', event.args.checked);
											setUpdateRows(data);	
										}
									}
									else
									{
										//if column header checkbox is not indeterminate state
										if(!checkboxState)
										{
											$("#jqxGrid").jqxGrid('setcellvalue', data, 'linkStatus', event.args.checked);
										}
									}
															
								}
								$("#jqxGrid").jqxGrid('endupdate');
							});
							return true;
						}
						else
						{
							var linkStatusChkbox = $(element).find('#linkedToDomain');
							$(linkStatusChkbox).jqxCheckBox({ theme: theme, width: 16, height: 16, animationShowDelay: 0, animationHideDelay: 0, disabled:true });
						}
					},
					cellclassname:applyAesthetics
				},
				{ text: 'Name', editable: false, datafield: 'Name',filtertype: 'textbox', width: "20%",minwidth: 115, cellclassname: applyAsthetics },
				{ text: 'Account', editable: false, datafield: 'accountNumber',filtertype: 'textbox', width: "20%",minwidth: 115, cellclassname: applyAsthetics },
				{ text: 'Company', editable: false, datafield: 'companyName',filtertype: 'textbox', width: "20%", cellclassname: applyAsthetics },			  
				{ text: 'Email Address', editable: false, datafield: 'emailAddress',filtertype: 'textbox', cellsformat: dateFormat, width: "20%", cellclassname: applyAsthetics },
				{ text: 'Status', editable: false, datafield: 'Status', filtertype: 'textbox', width: "15%", cellclassname: applyAsthetics, filtertype: 'checkedlist'}
			],
			ready: function () {
				
			}
		});

Thanks & Regards,
Selva

[ShelanParticipant]

Hi,

I want to change the arrow icon which is indicating the Top Level. Default arrow is gray, instead i want to use the white. I have seen the white arrow in image folder.

How i can change the arrow?

[Author]

Posts