0

我有一个像这样的jqgrid。但是我的自动完成功能不起作用，请帮忙。我想显示自动搜索，但我正在使用 linq to sql 并且在后面的代码中我将自动完成扩展器的数据源分配给包含人名的字符串列表。每次用户在搜索工具栏中键入字符但不显示自动控制时，页面都会回发。

我绑定自动完成扩展器的数据源的方式是否有一些错误，请帮助我，我是新手。

<cc1:JQGrid ID="grdUserDetails" runat="server" Width="770px" Height="400px"               OnRowSelecting="select">
                <Columns>
                    <cc1:JQGridColumn DataField="VisitorID" HeaderText="ID"     TextAlign="Left" PrimaryKey="true"
                        Visible="false" Searchable="false">
                    </cc1:JQGridColumn>
                     <cc1:JQGridColumn Searchable="true" DataType="String"  SearchType="AutoComplete" SearchControlID="AutoComplete1"
                        DataField="PersonName" Width="200" HeaderText="Person Name">
                    </cc1:JQGridColumn>
                    <cc1:JQGridColumn DataField="CompanyName" HeaderText="Company Name" TextAlign="Left">
                    </cc1:JQGridColumn>
                    <cc1:JQGridColumn DataField="ContactNumber" HeaderText="Contact Number" TextAlign="Left">
                    </cc1:JQGridColumn>
                    <cc1:JQGridColumn DataField="Address" HeaderText="Address" TextAlign="Left">
                    </cc1:JQGridColumn>
                    <cc1:JQGridColumn DataField="Email" HeaderText="Email" TextAlign="Left">
                    </cc1:JQGridColumn>
                    <cc1:JQGridColumn DataField="DisplayDate" HeaderText="Visited on" TextAlign="Left">
                    </cc1:JQGridColumn>
                </Columns>
                <PagerSettings PageSize="50" PageSizeOptions="[50,75,100]" />
                <ToolBarSettings ShowSearchButton="true" ShowRefreshButton="true" ShowSearchToolBar="true">
                </ToolBarSettings>
                <AppearanceSettings ShowRowNumbers="True"></AppearanceSettings>
            </cc1:JQGrid>
<cc1:JQAutoComplete DisplayMode="ControlEditor" DataTextField="Person Name" runat="server"
    ID="AutoComplete1" />
4

1 回答 1

0

在列设置中，您可以

searchoptions: {dataInit: function (elem) { AutoCompleteFunction(elem) }}, ...

然后你的自动完成看起来像

function AutoCompleteFunction(elem) {    
    $(elem).autocomplete({ source: '/Controller/Action',
        minLength: 2, autosearch: true,
        select: function (event, ui) {
            $(elem).val(ui.item.value);
        }
    })//$(elem).autocomplete
于 2013-03-07T14:46:33.880 回答