Intersoft Community - WebCombo - linked combo with multiple selection

linked combo with multiple selection

Glayaar — Thu, 14 Jan 2010 21:54:26 GMT

The control with the same major version is designed to be backward compatible. For example updating from WebCombo 4 previous build to the latest build will not result in any issue. However, some issue might occurs if you are updating from previous version, for example WebCombo 3 to WebCombo 4.

Did you have any issue when updating from the previous build of WebCombo 4 and WebUI Framework 3?

linked combo with multiple selection

NK1958 — Thu, 14 Jan 2010 10:13:59 GMT

I am using latest version of WebCombo and WebUI Framework, version 4 and 3 respectively. Are latest updates for these versions fully backward compatible?

linked combo with multiple selection

Glayaar — Thu, 14 Jan 2010 05:06:55 GMT

I am having difficulty replicating the issue with the provided snippet in our environment. Do you mind sending us the complete code? How do you invoke the fnPopulateCombo function in order to fill in the wcBooks web combo?

linked combo with multiple selection

NK1958 — Wed, 13 Jan 2010 18:09:10 GMT

I am trying to use linked multiselect combo as a filter in a header of the webgrid.

My webCombo:

<ISWebCombo:WebCombo ID="wcBooks" runat="server" DataTextField="RefNo" DataValueField="RefNo" Height="20px" UseDefaultStyle="True" Width="200px"> <MultipleSelectionSettings Enabled="True" AllowBrowseAll = "true" SeparatorChar=","></MultipleSelectionSettings> <LayoutSettings StatusBoxVisible="False" TextBoxMode="ReadOnly" ComboMode="MultipleColumns" BoundMode="ForceUnbound" > <ClientSideEvents /> </LayoutSettings> </ISWebCombo:WebCombo>

// my serverside code

wcPortfolio.PopulateUnboundData(dv, true);

wcBooks.PopulateUnboundData(GetEmptyTable(), true);

//do it for wcPortfolio and wcBooks grid.RootTable.Columns.GetNamedItem(

grid.RootTable.Columns.GetNamedItem("DOMAIN_ID").EditType = EditType.WebComboNET;grid.RootTable.Columns.GetNamedItem("DOMAIN_ID").FilterEditType = FilterEditType.SameAsEditType;grid.RootTable.Columns.GetNamedItem("DOMAIN_ID").WebComboID = "wcBooks";

// JS to populate destination Combo value

function fnPopulateCombo(valueItem ) {var combo = ISGetObject("wcBooks"); var rows = combo.GetRows(); var newRow = combo.NewRow("RefNo"); var cells = newRow.GetCells(); cells.GetNamedItem("RefNo").Text = valueItem; rows.Add(newRow);

combo.UpdateUI();

var rowElem = combo.GetRows();var latestRow = rowElem[rowElem.length - 1];var newInput = latestRow.RowElement.childNodes[0].document.createElement('input');

newInput.setAttribute('type', "checkbox"); newInput.setAttribute('hideFocus', "hideFocus");latestRow.RowElement.childNodes[0].className =

'type', "checkbox"); newInput.setAttribute('hideFocus', "hideFocus");latestRow.RowElement.childNodes[0].className = "WC4-C";latestRow.RowElement.childNodes[0].setAttribute("noWrap", "noWrap");

latestRow.RowElement.childNodes[0].appendChild(newInput);

}

combo.UpdateUI(); // instruct WebCombo

// instruct WebCombo

}

This javascript function works for linked multiselect combo. When I use this js function to populate webcombo in a filter grid I don't have errors. However when I click on a filter combo I have js error that object is not defined. What could be wrong? I need this linked multiselect combo in as a filter in a grid

linked combo with multiple selection

Glayaar — Sun, 10 Jan 2010 22:59:42 GMT

Since the control have been updated for numerous fix since the previous build, the build number must be incremented. We could not release a fix for a specific build number.

Since you are already using the latest version of WebCombo and WebUI Framework, version 4 and 3 respectively. You will only need to use the Update Manager in order to retrieve the latest update automatically.

linked combo with multiple selection

NK1958 — Fri, 08 Jan 2010 18:08:28 GMT

Yes it is works for latest version, but I can't use upgraded version. Is it possible to create combo with checkboxes which I can use for multiselection using WebCombo 4 build 12 and WebUI Framework 3 build 507. Thank you

linked combo with multiple selection

Glayaar — Tue, 05 Jan 2010 22:33:13 GMT

I am very sorry I forgot to mention that you will need to update your WebCombo and WebUI Framework to the latest version in order for the snippet to work. In the attached project, you are still using WebCombo 4 build 12 and WebUI Framework 3 build 507. Please update the WebCombo and the WebUI Framework to build 218 and build 750 respectively.

linked combo with multiple selection

NK1958 — Tue, 05 Jan 2010 10:25:09 GMT

Glen,

Thank you for prompt response. Unfortunatelly neither solution you proposed is working. Can you concentrate on the first page (Client_RowsCells.aspx). I think it may satisfy me. When I introduced your changes I still got error "property not supported.." (vbae71.checked =false)

linked combo with multiple selection

Glayaar — Mon, 04 Jan 2010 23:56:57 GMT

Client_RowsCells.aspx try to add rows to multiselect combo in a javsascript?

In order to add multiselect item you will need to add the checkboc element yourself after updateui is invoked. Here is the snippet:

case "Add New Row":
    var rows = wc4.GetRows(); // get the WebCombo4's rows for addition
    var newRow = wc4.NewRow("NEWCUST"); // instantiate new row with NEWCUST as the KeyValue, containing cells with empty value
    var cells = newRow.GetCells(); // get the cells of the new row for value assignment

    cells.GetNamedItem("ContactName").Text = "New Customer"; // write codes in the same way as in server-side object model, with similar object hierarchy.
    cells.GetNamedItem("Address").Text = "New Address"; // assign value to Address Cell
    cells.GetNamedItem("CustomerID").Text = "NEWCUST";

    rows.Add(newRow); //add the newRow to the rows collection
    wc4.UpdateUI(); // instruct WebCombo to update the user interface accordingly to the changes in Rows object.

    var rowElem = wc4.GetRows();
    var latestRow = rowElem[rowElem.length - 1];

    var newInput = latestRow.RowElement.childNodes[0].document.createElement('input');

    newInput.setAttribute('type', "checkbox");
    newInput.setAttribute('hideFocus', "hideFocus");

    latestRow.RowElement.childNodes[0].className = "WC4-C";
    latestRow.RowElement.childNodes[0].setAttribute("noWrap", "noWrap");
    latestRow.RowElement.childNodes[0].appendChild(newInput);

    alert("NEWCUST row has been added");
    break;

WebComboLinked1.aspx try to use WebCombo2_InitializeDataSource eventhandler to populate WebCombo on a server.

You will need to set the MultipleSelectionSettings.AllowBrowseAll to true in order for the DropDownList to show the data. Here is the snippet:

void FormatWebCombo2()
{
    WebCombo2.DataMember = "Orders";
    WebCombo2.DataTextField = "CustomerID";
    WebCombo2.DataValueField = "OrderID";

    WebCombo2.LayoutSettings.ComboMode = Mode.MultipleColumns;
    WebCombo2.LayoutSettings.StatusBoxVisible = false;

    WebCombo2.Columns.Add("CustomerID");
    WebCombo2.Columns.Add("ShipAddress");
    WebCombo2.Columns.Add("OrderID");

    WebCombo2.MultipleSelectionSettings.Enabled = true;
    WebCombo2.MultipleSelectionSettings.AllowBrowseAll = true;
    WebCombo2.LayoutSettings.TextBoxMode = TextboxMode.ReadOnly;
    WebCombo2.AllowAutoQueryHandler = false;
    WebCombo2.AllowAutoDataCaching = false;
}

WebComboLinked2.aspx try to execute [System.Web.Services.WebMethod] from javascript to populate WebCombo2 in a JavaScript

You will need to set the WebCombo2 BoundMode property to ForceUnbound under the layout settings. Here is the snippet:

<LayoutSettings ComboMode="MultipleColumns" TextBoxMode="ReadOnly" BoundMode="ForceUnbound">

linked combo with multiple selection

NK1958 — Mon, 04 Jan 2010 16:52:06 GMT

I am trying to link two multiselect combo (ex. wcPortfolio and wcBooks). User should be able to select several portfolio in wcPortfolio as a result a books for these portfolios should be populated in wcBooks. User than should be able to select multiple books from wcBooks.

I was not able to find code examples in InterSoft documentation even it looks as a common scenario. When I tried to attach multiple selection to combo the code is failing.

I created solution with three simple pages. Please try to find a reason why code doesn’t work as expected.

Client_RowsCells.aspx try to add rows to multiselect combo in a javsascript?
WebComboLinked1.aspx try to use WebCombo2_InitializeDataSource eventhandler to populate WebCombo on a server.

WebComboLinked2.aspx try to execute [System.Web.Services.WebMethod] from javascript to populate WebCombo2 in a JavaScript

All these approaches works on a combo without multiple selection.

PLEASE ADVISE