鸿 网 互 联 www.68idc.cn

当前位置 : 服务器租用 > cms安装教程 > WordPress > >

AutoComplete选择之后,传PK触发动作

来源:互联网 作者:佚名 时间:2015-10-18 05:58
这个人的方法是, 传出PK值到一个HiddenField,然后自动 触发 一个click function; http://cache.search.yahoo-ht2.akadns.net/search/cache?ei=UTF-8p=AutoComplete+onclientitemselectedfr=yfp-t-309fp_ip=CNu=lisazhou.wordpress.com/2007/12/14/ajaxnet-au

这个人的方法是,
传出PK值到一个HiddenField,然后自动触发一个click function;

http://cache.search.yahoo-ht2.akadns.net/search/cache?ei=UTF-8&p=AutoComplete+onclientitemselected&fr=yfp-t-309&fp_ip=CN&u=lisazhou.wordpress.com/2007/12/14/ajaxnet-autocomplete-passing-selected-value-id-to-code-behind/&w=autocomplete+%22auto+complete%22+onclientitemselected&d=GP6nEpzfQ24F&icp=1&.intl=us


With the more work I am doing on the Ajax.Net frame work, the more better I am thinking of, but what I found is that sometimes even though the functionalities are all there, they seem to be hidden and you had to really dig deep to find out how to get it working.

Just recently, I have done a autocomplete using the toolkit’s autocomplete. What I wanted to do is using the autocomplete, search a receiver table, once a user selected a particular item in the autocomplete, the ReceiverID of the particular item is then somehow passed through to the code behind, and this ReceiverID is then used to display the receiver details in a panel below the autocomplete.

This was tricking as it involved both client side Javascript functions and code behind, but this was how I ended up doing it. First setup a normal ajax toolkit autocomplete, there is plenty of documentation out in the web world for this so I won’t go through in detail. In the webservice function where the data is retieved from the database, and added to a string array, the following will need to be used

Dim dr As System.Data.SqlClient.SqlDataReader
dr = dsReceverMgt.selectAllReceiverMnagement(prefixText)

While dr.Read
sQuickName = dr(”ReceiverQuickName”)
sCompany = dr(”ReceiverCompany”)
sLocationName = dr(”ReceiverAddressTown”)
Co = sQuickName & “,” & sCompany & “,” & dr(”ReceiverAddress1″) & “,” & sLocationName
If sQuickName.StartsWith(prefixText, StringComparison.OrdinalIgnoreCase) Or sCompany.StartsWith(prefixText, StringComparison.OrdinalIgnoreCase) Or sLocationName.StartsWith(prefixText, StringComparison.OrdinalIgnoreCase) Then
‘—add the member name to the list if the text starts with the variables—
listOfMembersStartsWith.Add(AjaxControlToolkit.AutoCompleteExtender.CreateAutoCompleteItem(Co, dr(”ReceiverPK”)))
Else
‘—add the member name to the list if the text contains the keyword but not as an prefix—
listOfMembersNotStartsWith.Add(AjaxControlToolkit.AutoCompleteExtender.CreateAutoCompleteItem(Co, dr(”ReceiverPK”)))
End If
End While

using this function AjaxControlToolkit.AutoCompleteExtender.CreateAutoCompleteItem, the items is inserted with a value/text combination.

In the autocomplete declaration it self on the aspx code, this attribute need to be placed on the autocomplete OnClientItemSelected=”SetSelectedValue” , what this will trigger is on an selection in autocomplete, it will call a javascript function called SetSelectedValue, and here is the javascript declaration

function SetSelectedValue( source, eventArgs ) {
document.getElementById((’ctl00_leftContent_SelectedReceiver’)).value=eventArgs.get_value();
}

What I have created on the page is a hidden input, so on fireing of the event by the autocomplete when an item is selected, it will set the hidden inputs value with the eventArgs.get_value(), which in my case is the primary key for the Receiver row

<input type=”hidden” id=”SelectedReceiver” runat=”server” />

once this is done, the selected pk is available.

The receiver details is displayed once a person clicks on a Go button, so in my Go button’s onclick event function, I have the following code, which then goes and retrievs the receiver details

Protected Sub btnGoReceiver_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnGoReceiver.Click
DisplayReceiverDetails(SelectedReceiver.Value)
End Sub

This can be easily modfied to retrieve the details on an autocomplete selection by adding a line to the SetSelectedValue function, which clicks the go button via javascript to trigger the action






网友评论
<