Add Client Side Item in WebDropDown Template

145

Drish B S posted over 12 years ago

Hi,

I am using a WebDropDown with a custom table template.

I just want to add a new template item at cliet side using javascript or jQuery.

Please suggest.

My aspx page code given below :

<ig:WebDropDown ID="ddlOrder" runat="server" Width="100%" DisplayMode

="DropDown"

DataSourceID="SqlDataSourceOrder" DropDownContainerHeight="300px" EnableClosingDropDownOnBlur

="true"

EnableClosingDropDownOnSelect="true" EnableLoadOnDemand="true" EnablePersistingCustomValues

="true"

PageSize="200" EnableAutoFiltering="Server" AutoFilterQueryType="Contains" EnableAutoCompleteFirstMatch

="false"

CurrentValue="" TextField="Search" ValueField

="OrderID">

<HeaderTemplate

<table width="100%" cellpadding="0" cellspacing

="1"

border="0"

<tr class

='clsHeaderDate'>

<td width

="20%">

<asp:Label ID="LBL_194_1" ToolTip="0" runat="server">Article Code</asp:Label></td

<td width

="20%">

<asp:Label ID="LBL_195_1" ToolTip="0" runat="server">Article Name</asp:Label></td

<td width

="20%">

<asp:Label ID="LBL_197_1" ToolTip="0" runat="server">Buyer Ref.</asp:Label></td

<td width

="20%">

<asp:Label ID="LBL_413_1" ToolTip="0" runat="server">Purchase Order No.</asp:Label></td

<td width

="20%">

<asp:Label ID="LBL_238_1" ToolTip="0" runat="server">Delivery Date</asp:Label></td>

</tr

</table

</HeaderTemplate

<ItemTemplate

<table style="width: 100%; border-collapse:collapse" cellspacing="1" cellpadding="0" border

="0">

<tr class="clsRowDataLabel" height

="25">

<td width

="20%">

#DataBinder.Eval(Container.DataItem, "ArticleCode"

)%>

</td

<td width

="20%">

#DataBinder.Eval(Container.DataItem, "ArticleName"

)%>

</td

<td width

="20%">

#DataBinder.Eval(Container.DataItem, "BuyerReference"

)%>

</td

<td width

="20%">

#DataBinder.Eval(Container.DataItem, "PONum"

)%>

</td

<td width

="20%">

#DataBinder.Eval(Container.DataItem, "DeliveryDate"

)%>

</td>

<td style

="display: none">

#DataBinder.Eval(Container.DataItem, "Search"

)%>

</td>

<td style

="display: none">

#DataBinder.Eval(Container.DataItem, "OrderID"

)%>

</td>

</tr

</table

</ItemTemplate

<ClientEvents DropDownClosed

="dllSelectionChange"/>

</ig:WebDropDown

145

Drish B S posted over 12 years ago in reply to [Infragistics] Petar Ivanov

Hi Petar,

I tried your code using setTimeout() but that did not work for me.

Please advise,

Tasleem Arif

WFX
Cancel
Reply

Cancel
49378

[Infragistics] Petar Ivanov posted over 12 years ago in reply to Drish B S
Hi wfx,

Thank you for the sample.

It appears that the new item's element is not initialized/created in time for you to be able to access it immediately after adding it to the dropdown. I would therefore suggest using the javascript setTimeout:

For instance:

Code Snippet

var combo;

function AddItem() {

    combo = $find('ddlSearchArticle');

    var item = combo.get_items().createItem();

    item.set_text("999999");

    item.set_value('999999');

    combo.get_items().add(item);

    //Add the new cell after 400 ms

    setTimeout("combo.get_items().getItem(0).get_element().children[0].insertRow(0).insertCell(0).textContent = 'This is a new cell in a new row';", 400);

}

Please feel free to contact me if you have any questions.
Cancel
Reply

Cancel
145

Drish B S posted over 12 years ago in reply to [Infragistics] Petar Ivanov

Hi Petar,

Please find attached my aspx file and let me know why I am getting undefined on below line-

combo.get_items().getItem(0).get_element().children[0].insertRow(0).insertCell(0).textContent = 'This is a new cell in a new row';

wfx_BillofMaterial.rar
Cancel
Reply

Cancel
49378

[Infragistics] Petar Ivanov posted over 12 years ago in reply to Drish B S

Hi Tasleem,

Thank you for your reply.

I have tested my sample with your version, however the event argument's value is still accessible and not null as expected. Any additional information such as whether the dropdown is nested in some other controls may help to isolate the matter. A small sample page would be greatly appreciated.
Cancel
Reply

Cancel
145

Drish B S posted over 12 years ago in reply to [Infragistics] Petar Ivanov

Hi Petar,

Thanks for your reply.

I am using the below Infragistics assembly :

<%@ Register Assembly="Infragistics35.Web.v9.1, Version=9.1.20091.2164, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"
Namespace="Infragistics.Web.UI.ListControls" TagPrefix="ig" %>

Please advise,

Regards,

Tasleem Arif
WFX
Cancel
Reply

Cancel