Question

我有像这样的jqgrid。但我的汽车完成无法正常工作请帮忙。我想显示自动搜索，但我正在使用linq到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" />

Answer 1

在列设置中，您可以

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

在jqgrid中自动搜索无法正常工作

1 个答案: