Kendo UI with AngularJs: How to bind data on textbox fields when user select row in a grid

Question

I am working with Kendo UI and angular grid application. In my application I define Kendo TabStrip. In first tab I have Kendo UI grid with data and second tab contains appropria

Answer 1

I am solve that problem. I was added change event function in $scope.gridMaster:

$scope.gridMaster = {
    ...
    change: function () {
        var dataItem = this.dataItem(this.select());
        $scope.accountNumber = dataItem.AccountNo;
        $scope.postingDate = dataItem.PostingDate;
        $scope.description = dataItem.Description;
        $scope.maturityDate = dataItem.MaturityDate;
        $scope.documentType = dataItem.DocumentType;
    }
}

And I was change ng-model in my HTML page:

                        

                            

                                Account Number:
                                
                            
                            

                                Posting Date:
                                
                            
                            

                                Description:
                                
                            
                            

                                Maturity Date:
                                
                            
                        
                        

                            

                                Document Type:
                                
                            

                            

                                Save
                                Cancel