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 に答える