1

私のコード:

テキストボックス フィールド:

   <input id="LastName" type="text" filtercolumn="LastName" class="filterCtrl" style="width:135px; height:15px"/>

上記のテキストボックスでEnterキーを押したときに、次のボタンをトリガーしたい：

<input type="button" class="button w100" onclick="javascript:btnAdvanceSearchClick();" value="Search" />

ボタンがクリックされたときにグリッドを要求する ajax の Javascript 関数:

function btnAdvanceSearchClick() {
        _loadData = true;
        var $grid = $('#AdvanceSearchGrid').data('tGrid'); 
        $grid.ajaxRequest();
        $('div#divSearchGrid').show();
}

私の Search ActionControl メソッドは、次のコードから呼び出されます。

  @(Html.Telerik().Grid<Web.Mvc.Models.Search.SearchModel>()
    .Name("AdvanceSearchGrid")
    .DataBinding(db => db.Ajax()
        .Select("SearchUserByFilter", "Search", new { _loadData, _filter }).Enabled(true)
                )

ユーザーがテキストボックスでエンターキーをクリックしたときにボタンを押す方法。助けてください。ありがとう

4

2 に答える 2

3

これは、あなたが達成しようとしていることに基づいて私が書いた簡単なマークアップです

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
    <input id="LastName" type="text" />
    <input id="searchButton" type="button" onclick="javascript: btnAdvanceSearchClick();" value="Search" />

    <script>
        $(document).ready(function () {
            $("#LastName").keypress(function (event) {
                if (event.which == 13) {
                    $("#searchButton").click();
                }
            });
        });

        function btnAdvanceSearchClick() {
            alert("search invoked. Query : " + $("#LastName").val());
        }
    </script>
</body>
</html>

テキストボックスにキープレスイベントを添付しています。keypress イベントが発生すると、Enter キーが押されたかどうかを確認します。はいの場合、ボタンで click() メソッドを呼び出すだけです。

これで問題が解決することを願っています。

于 2012-10-31T13:17:52.447 に答える
0

関数をonkeyupまたはonkeydownイベントにバインドし、最後に押されたキーがエンター (改行文字) かどうかを確認できます。その場合は、ボタン クリックを実行します。

<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript">
        function triggerButton() {
            var input = $("#LastName");
            var lastKey = input.val().substr(input.val().length-1);
            if (lastKey == '\n') {
                 $("#mybutton").click();
            }
        }

        function onClick() {
            $("#p1").html('the button was clicked!');
        };
    </script>
</head>
<body>
    <textarea id="LastName" type="text" filtercolumn="LastName" onkeyup="triggerButton()" class="filterCtrl" style="width:135px; height:15px"></textarea>
    <button id='mybutton' onclick='onClick()'>Button</button>
    <p id='p1'></p>
</body>
于 2012-10-26T05:30:23.380 に答える