Question

我目前正在我的项目中使用带有bootstrap 3的asp.net 4，这里我使用bootstap typeahead用于自动完成文本框，所以我希望一旦用户从自动完成列表中选择数据，那么它应该进行ajax调用和角度kendo ajax调用并且应该在成功事件中绑定返回的数据。以下是我的代码：

updater: function (item) {
                $('[id*=hdnHomeSearch]').val(map[item]);
                populateSearchItem();
                return item;
            }

这是我的typoahead方法，其中包含用户选择的文本框自动填充数据。在populateSearchItem方法中，我想调用angularjs kendo网格，如下所示：

  <script src="../scripts/jquery-1.11.3.js" type="text/javascript"></script>
<script src="../Content/dist/js/bootstrap.min.js" type="text/javascript"></script>
  <script src="../scripts/angularjs.min.js" type="text/javascript"></script>
     <script src="../Content/dist/js/kendo.all.min.js" type="text/javascript"></script>
<script src="../scripts/typoAhead.js" type="text/javascript"></script>

 <div ng-app="app" ng-controller="MyCtrl">
    <div kendo-grid k-options="gridOptions" k-rebind="gridOptions" k-pageable='{ "pageSize": 2, "refresh": true, "pageSizes": true }'></div>
</div>
<script type="text/javascript">
    angular.module("app", ["kendo.directives"]).controller("MyCtrl", function ($scope, $http) {
        $scope.gridOptions = {
            columns: [{ field: "EmployeeKey" }, { field: "FirstName"}],
            dataSource: {
                transport: {
                    read: {
                        type: "POST",
                        url: '<%=ResolveUrl("Search.aspx/GetData1") %>',
                        dataType: "json",
                        contentType: "application/json"
                    },
                    parameterMap: function (options, operation) {
                        return JSON.stringify(options);
                    }
                },
                pageSize: 5,
                schema: {
                    data: "Data",
                    errors: "Errors",
                    total: "Total",
                    model: {
                        id: "EmployeeKey",
                        fields: {
                            EmployeeKey: { editable: false, defaultValue: 0 },
                            FirstName: { type: "string", validation: { required: true} }
                        }
                    }
                }
            }
        }
    });
</script>

但是在角度调制器的控制台中使用此获取错误文本之后。所以这个脚本方法我想在populateSearchItem方法中使用。欢迎提出所有建议。

我可以在我的asp.net项目中使用角度剑道网格

0 个答案: