[rajParticipant]

Hi Dimitar,

I tried the jqxInput multiple values example code posted here and it is working as expected and I would like to get both the “key”:”value” pair from the selected values in textbox. Let say, I set the displayMember and valueMember is set as Country & City.

//In textbox I had chosen the country names like below
Germany, Mexico, Sweden

var url = "../sampledata/customers.txt";

$("#jqxInput").jqxInput({ placeHolder: "Country Name:", displayMember: "Country", valueMember: "City" .. });

//On button click, i'm getting a value from the textbox
var list = $("jqxInput").jqxInput('value');

Can you suggest me how to get “key”:”value” pair from the chosen values?

Similar like getting values from listbox

var items = $("#jqxListBox").jqxListBox('getItems');
var log = "";
for (var i = 0; i < items.length; i++) {
   log += items[i].label+" "+items[i].value;
}

Looking forward.

Thanks & Regards,
Senthil

[rajParticipant]

Hi Peter,

I too facing a similar issue i.e. I’ve tab format in which one of the tab content is splitted into two portions (using jqxSplitter). Left-hand side contains the summary grid (virtualmode:true) and right-hand side contains a form to capture the user details.

Here once the user filled the form and do a submit. The system validates the input and throws an error in pop-up (using jqxWindow).

Whenever the request is sent to server-side to validate the form data, the grid at the left-hand side is automatically getting refreshed. Note: I’m not triggering any actions explicitly by doing “updatebounddata” or grid refresh etc.

I have no idea why it is happening.

Can you please consider this point as well.

Looking forward.

Regards,
Raj

[rajParticipant]

Hi Zenmod,

No improvements on my custom widget creation.

Though the filter is coupled with the grid, I’m not getting any control to stop the filter trigger. The dependency is with the grid hence the jQWidgets team has to come back in future release or team has to give us the callback or pointer where not to trigger the filter.

Regards,
Raj

[rajParticipant]

Hi Ivailo,

Thanks for your reply.

I don’t see any explicit examples given for createfilterwidget call back function.

Actually I’m planning to build a custom filter textbox of type i.e. “Auto Suggest or Auto Complete” in a filter row.

I can see some examples given for “filterpanel” with “Auto Suggest or Auto Complete“, similarly I’ve to incorporate the same in filter row.

I tried like the following,

var fNamedataAdapter = [
{"label":"Mike","value":"mike"},
{"label":"Kumar","value":"kumar"},
{"label":"Raj","value":"raj"}
];

columns: [
{ text: 'First Name', datafield: 'firstname', width: 160, 
	createfilterwidget: function (column, columnelement, widget) {
		widget.jqxInput({source:fNamedataAdapter});
	}
},
....

Here, when I start to type characters in custom filter widget it is working as expected alike “Auto Suggest or Auto Complete” field but at the same time, the grid started triggering the filter operation based on the text which I keyed in. But I don’t want that to happen; instead I want to trigger the filter operation upon selection on the “Auto Suggest or Auto Complete” results i.e. onclick of autosuggest list items the grid has to filter the records.

Can someone suggest me a solution or idea on how to achieve this functionality.

Thanks in advance.

Cheers,
Raj

[rajParticipant]

Hi Dimitar,

Thanks for your reply.

I had written some global sorting logic for list items; it’s my mistake.

Regards,
Raj

[rajParticipant]

Hi,

Can somebody from jqxWidgets team reply to my post?

Looking forward.

Regards,
Raj

[rajParticipant]

Hi Peter,

Thanks for your solutions. It helped.

Wish you a HAPPY NEW YEAR 2016.

Cheers,
Raj

[rajParticipant]

Hi Hristo,

I found the root cause of the issue and it got solved.

Thanks for your reply.

Regards,
Raj

[rajParticipant]

Hi Hristo,

The above code snippet will work if you place it in parent page. Please try to create one pop-up and put this code as a pop-up content and try to do as I mentioned i.e. open -> close -> open the pop-up.

Meanwhile I’ll try to post a sample working example.

Looking forward.

Regards,
Raj

[rajParticipant]

Hi,

Can somebody from the jQWidgets team reply to my post? Is the above requirement is possible?

Looking forward.

Thanks,
Raj

[rajParticipant]

Hi folks,

Anybody having idea on the above requirement?

Looking forward.

Thanks,
Raj

[rajParticipant]

Hi Ivailo,

Thanks for your solution.

The solution which you had provided is returning the proper count only when grid has one group. In my grid I’ve main group and sub-group like as below,

groups: ['userName','accountname']

I want to show the count in the main group. Please help me on this.

Looking forward.

Regards,
Raj

[rajParticipant]

Hi Ivailo,

Thanks for your quick turnaround. It worked perfect

Regrads,
Raj

[rajParticipant]

Hi Hristo,

Thanks for your quick turnaround.

In my case, it is not localdata source; I get the server-side response as JSON dynamically.

var dataFilter = {"consumerID":10001,"maxResults":50};

var source = {
   datatype : "json",
   type : "POST",
   data : dataFilter,
   datafields : [
    {name:"firstName",type:"string"},
    {name:"lastName",type:"string"},
    {name:"consumerID",type:"number"}
   ],
   url : //server-side url goes here,
   root : //root node of JSON
};

var usersAdapter = new $.jqx.dataAdapter(source);

Similar to the example you had provided, how can I set the new data as the source to the grid?

Can you please provide me a sample fiddle implementation?

Looking forward.

Regards,
Raj

[rajParticipant]

Hi Dimitar,

The above solution is fine but in my case I want to make the checkbox “non-editable” i.e. should not be checked; when individual row checkbox or Check All checkbox is checked based on the hidden column flag (“hasAccess” : true/false).

Though I don’t know the exact “rowindex“, the below piece of code under “rowselect” event -> else if block is failing when “Check All” scenario.

$('#jqxgrid').on('rowselect', function (event) {
	var rowBoundIndex = event.args.rowindex;
	var rowVal = $('#jqxgrid').jqxGrid('getrowdata', rowBoundIndex);
	
	if(!rowVal.hasAccess) {
		$('#jqxgrid').jqxGrid('unselectrow', rowBoundIndex);
	} else if (typeof rowBoundIndex === 'object') {
		if(!rowVal.hasAccess) {
			$('#jqxgrid').jqxGrid('unselectrow', rowBoundIndex);
		}
	}
});

Can someone suggest me a solution?

Looking forward.

Thanks,
Raj

[Author]

Posts