CGJQMultiSelect

[esthermann]

I am trying to use this CGJQMultiSelect to save user input and then reload the selection from my datasource. I see the getMultiSelectData function, however, my Item list is static, I just want to load the SelectedItems each time.

There is a property for this. Since it's a string list, shouldn't I be able to do this?
lstObjectives->SelectedItems->DelimitedText = Data->tblBackground->FindField("ObjectiveList")->AsString;
lstObjectives->AjaxReRender();

I am comparing it to the demo, I just don't see a function for loading the selected data into this control. I can save the selection data without any issues at all. I am sure I am missing something very simple

[fduenas]

Check the CGJQMultiselect.pas demo frame source and lookup for the method:

Code: Select all

procedure TIWJQMultiSelectFrame.ProcessCommand(ACommand: Integer; AParams: TStrings);

Lookup for any of the options, and check one of the functions like 'LoadSelectOptions' there you will see that it uses a TIWCGJQMultiSelectItem object for each item and not a string as may it appear. Yes it has a stringlist, but for only showing the names, but each string item has associated an object to the string, the is need if you want to have a unique ID for each item that do not have to be the 'caption'.

Code: Select all

procedure TIWJQMultiSelectFrame.LoadSelectOptions;
var
  LItem: TIWCGJQMultiSelectItem;
  I: Integer;
begin
  IWCGJQMultiSelect.Items.Clear;
  for I := 0 to 29 do
  begin
    LItem:= IWCGJQMultiSelect.Items.Add;
    LItem.Caption:= 'Item ' + IntToStr(i+1);
    LItem.Value:= 'item' + IntToStr(i+1);
  end;
end;

Before populating the list remember to call always

Code: Select all

IWCGJQMultiSelect.ResetJSonProps;

So maybe you will need to create a custom function (to reuse the code) to load your strings in a TstringList, parse each item in a For/loop and for each string item add the item object to the IWCGJQMultiselect control, as the example showed above. But instead of using the method

Code: Select all

IWCGJQMultiSelect.Items.Add

Use the mtehod

Code: Select all

IWCGJQMultiSelect.Items.AddOption(aCaption: string; AValue: string; aDisabled.Boolean; aSelected: boolean)

So you can specify if the item is selected at the moment of it creation so it will automatically added to the selected item list.

Also each TIWCGJQMultiSelectItem object has a read/write property named 'Selected'

[esthermann]

Check the CGJQMultiselect.pas demo frame source and lookup for the method:

Code: Select all

procedure TIWJQMultiSelectFrame.ProcessCommand(ACommand: Integer; AParams: TStrings);

Lookup for any of the options check one of the functions like 'LoadSelectOptions' there you will see that it uses a TIWCGJQMultiSelectItem object for each item and not a string as may it appear.

I understand, I interpreted the code below to fill the list of items to BE selected not the list of items that had BEEN selected. I am not seeing where the items are being marked as selected in the code below. I only see them being added to the list. Certainly I can interate through my saved selection and manually mark the items selected, it just appeared that the SelectedItems list was a StringList containing the selected values. I thought perhaps I could just populate that property?

Code: Select all

procedure TIWJQMultiSelectFrame.LoadSelectOptions;
var
  LItem: TIWCGJQMultiSelectItem;
  I: Integer;
begin
  IWCGJQMultiSelect.Items.Clear;
  for I := 0 to 29 do
  begin
    LItem:= IWCGJQMultiSelect.Items.Add;
    LItem.Caption:= 'Item ' + IntToStr(i+1);
    LItem.Value:= 'item' + IntToStr(i+1);
  end;
end;

Before populating the list remember to call always

Code: Select all

IWCGJQMultiSelect.ResetJSonProps;

[fduenas]

Hi I just reedited my last post maybe when you were posting yours, sorry is the first time I review that component, please see the last paragraph

[esthermann]

Super funny, I think we were thinking on exactly the same lines.

[fduenas]

Super funny, I think we were thinking on exactly the same lines.

Indeed , Also if you check the properties you will see each TIWCGJQMultiSelectItem object has a read/write property named 'Selected'

CGDevSupport: Maybe changing one of the demos or adding a new one showing the 'Selected' feature could be helpful

[Alexander Bulei]

Hello,

At this moment, the selection of item is not supported in ajax, so you must call AjaxReRender at end.

Code: Select all

IWCGJQMultiSelect1.AjaxReRender

Simple demo attached.

P.S:

Code: Select all

IWCGJQMultiSelect.ResetJSonProps;

Will reset all properties and events to default.

Best Regards.