lưới điện không nằm trong một hàm?

Question

Tôi mới sử dụng agGrid tha thứ cho tôi nếu bạn tìm thấy điều gì đó ngớ ngẩn. Vì vậy, trước đây tôi đã sử dụng Kendo Grid trên angularjs nhưng chúng tôi nghĩ rằng để chuyển sang một số lưới khác vì vậy chúng tôi đang cố gắng agGrid ngay bây giờ.

Dưới đây là một mẫu của aggrid đang hoạt động tốt và mọi thứ hoạt động. Tuy nhiên, khi tôi di chuyển các tùy chọn lưới của tôi bên trong một chức năng mà sẽ nhận được gọi là trên nút bấm tôi nhận được CẢNH BÁO - tùy chọn lưới cho lưới điện không tìm thấy. Hãy đảm bảo rằng các thuộc tính của lưới điện tử trỏ đến một đối tượng hợp lệ trên phạm vi.

Tôi không thể hiểu vấn đề là gì bởi vì bên trong chức năng này kendo lưới tùy chọn đang làm việc tốt và kendo lưới là nhận dân cư nhưng tôi không chắc chắn những gì tôi đang làm sai với agGrid.

Vui lòng giúp tôi.

function abc($rootScope,$scope, $state, $stateParams, $timeout, Upload, baseURL, $cookieStore, $log, errorCheckFactory) { 
    var columnDefs = [ 
     {headerName: "Make", field: "make"}, 
     {headerName: "Model", field: "model"}, 
     {headerName: "Price", field: "price"} 
    ]; 

    var rowData = [ 
     {make: "Toyota", model: "Celica", price: 35000}, 
     {make: "Ford", model: "Mondeo", price: 32000}, 
     {make: "Porsche", model: "Boxter", price: 72000} 
    ]; 

    $scope.gridOptions2 = { 
     columnDefs: columnDefs, 
     rowData: rowData, 
     enableFilter: true, 
     enableColResize: true, 
     enableSorting: true, 
     groupHeaders: true, 
     rowHeight: 22, 
     //onModelUpdated: onModelUpdated, 
     suppressRowClickSelection: true 

    }; 

}

Answer 1

Nếu lưới không foud gridOptions của bạn mà chắc chắn có nghĩa là bạn có một lỗi đánh máy trong html mẫu của bạn

Kiểm tra mẫu hml của bạn nó phải có

ag-grid="gridOptions2" 

Note : nếu bạn sử dụng một bộ điều khiển với controllerAs cách, bạn phải ràng buộc các biến trên này và không phải trên phạm vi $.

Nếu nó không phải là phần bổ sung này, html của bạn và định tuyến/trạng thái/bất kỳ định nghĩa nào của điều hướng.

Answer 2

Đây là vấn đề ràng buộc lưới góc. kiểm tra gridOptions biến phạm vi của bạn.

tùy chọn lưới chức năng:

var columnDefs = [ 
    {displayName: "Make", field: "make"}, 
    {displayName: "Model", field: "model"}, 
    {displayName: "Price", field: "price"}, 
    {displayName: "Price2 ", field: "price2"}, 
    {displayName: "Test 4", field: "test4"}, 
    {displayName: "Test 5", field: "test5"}, 
    {displayName: "Test 6", field: "test6"}, 
]; 

var rowData = [ 
    {make: "Toyota Toyota Toyota Toyota Toyota", model: "Celica", price: 35000, price2: 145, "Test 4": "Test 4", "Test 5": "Test 5", "Test 6": "Test 6"}, 
    {make: "Acura", model: "Celica", price: 35000, price2: 145, "Test 4": "Test 4", "Test 5": "Test 5", "Test 6": "Test 6"} 
]; 

vm.gridOptions = { 
    columnDefs: columnDefs, 
    rowData: rowData 
}; 

Working Plnkr: http://plnkr.co/edit/VRnwnXi6fzyaoJJ1YHOx?p=preview

Correct binding : <div angular-grid="main.gridOptions" class="ag-fresh" style="width: 100%"></div> 

Lỗi Plnkr: http://plnkr.co/edit/zb4Vc2lw5VzRzYwsfhL7?p=preview

In-Correct Binding : <div angular-grid="main.gridOptions2" class="ag-fresh" style="width: 100%"></div> 

chúng tôi thay đổi ràng buộc từ gridOptions để gridOptions2 và nó đem lại cho chúng tôi cảnh báo: VM769 angular-grid.js: 1 CẢNH BÁO - tùy chọn lưới s cho Angular Grid không tìm thấy. Vui lòng đảm bảo rằng các thuộc tính lưới góc thuộc tính cho một đối tượng hợp lệ trên phạm vi.

Tôi nghĩ điều này nên rõ ràng nghi ngờ.

Answer 3

@ ranjeet8082 u có thể Mở lưới Tại thời điểm nhấp vào nút, bạn có thể viết "gridOptions" ở bên cạnh chức năng. Vì vậy, u có thể tải Html Ngoài ra tại thời gian đó bằng cách sử dụng ng-nếu lần đầu tiên bạn có thể ẩn html nhấp chuột chỉ u có thể tải html và sau đó trong các tùy chọn cũng tải tại chức năng nhấp chuột để u không nhận được bất kỳ lỗi. u có thể kiểm tra với plunker này.

enter link description here