Member 10476352 Ответов: 0

Пользовательского интерфейса.сетки и НГ-нажмите кнопку в той же угловой приложения

Я хочу привязать ng-grid в функции init, а также показать текстовое поле для поля имени и привязать выпадающий список для отдела (из bb) и привязать radiobuttonlist для пола(из db). В НГ-нажмите кнопку, Я хочу, чтобы обновить сетку. но в ng-init я могу загрузить только radiobuttonlist и dropdown. Я не могу привязать пользовательский интерфейс.сетки . Но я могу связать сетку, если у меня нет выпадающего списка и радиобаттона.

Что я уже пробовал:

Я объявил одно ng-приложение, и у меня есть функция ng-init в этом приложении.
в функции ng-init я связал выпадающий список и radiobutton из базы данных.
в ng-init я хочу bing ui-grid также из базы данных. Но я не могу этого сделать. 
var helloApp = angular.module('helloApp', []);
        helloApp.controller('employeesCtrl', function ($scope, $http) {
            $scope.deptList;
            $scope.GenderList;
            $scope.FirstCall = function () {              
                $http.post('WebForm2.aspx/GetList', { data: {} }).success(function (response) {
                    var data = (response.hasOwnProperty) ? response.d : response;
                    $scope.deptList = data;
                })

                $http.post('WebForm2.aspx/GetGender', { data: {} }).success(function (response) {
                    var data = (response.hasOwnProperty) ? response.d : response;
                    $scope.GenderList = data;
                })

                $scope.myData = [
                     { name: "Madhav Sai", age: 10, location: 'Nagpur' },
                     { name: "Suresh Dasari", age: 30, location: 'Chennai' },
                     { name: "Rohini Alavala", age: 29, location: 'Chennai' },
                     { name: "Praveen Kumar", age: 25, location: 'Bangalore' },
                     { name: "Sateesh Chandra", age: 27, location: 'Vizag' }
                ];
                $scope.grdusers = { data: 'myData' }

            }

            $scope.SubmitUser = function () {
                $scope.errMsgName = '';
                $scope.errMsgDept = '';
                $scope.errMsgGender = '';

                var validationSuccess = true;
                if ($scope.userfullName == "" || $scope.userfullName == undefined) {
                    $scope.errMsgName = 'Name Required';
                    validationSuccess = false;
                }
                else {
                }

                if ($scope.userSelect == "" || $scope.userSelect == undefined) {
                    $scope.errMsgDept = 'Please Select Department';
                    validationSuccess = false;
                }

                if ($scope.UserGender == "" || $scope.UserGender == undefined) {
                    $scope.errMsgGender = 'Please Select Gender';
                    validationSuccess = false;
                }

                if (validationSuccess) {

                    alert(true);
                }
            }

            $scope.Clear = function () {
                $scope.errMsgName = '';
                $scope.errMsgDept = '';
                $scope.errMsgGender = '';
                $scope.userfullName = null;
                $scope.userSelect = "";
                $scope.UserGender = false;

            }

        });


<div>
            <span>Name : </span>            
            <span style="color: red">{{errMsgName}}</span>
            <br>
            <br>
            <span>Department :</span>            
                --Select Dept--
                {{dept.deptName}}            
            <span style="color: red">{{errMsgDept}}</span>
            <br>
            <br>
            <span>Gender :</span> 
                {{G.GenderText}}
            <span style="color: red">{{errMsgGender}}</span>
            <br>
            <br> 
            <br>
            <br>
        </div>
        <div>
            <div class="myGrid"></div>
        </div>

если я поставлю ui. grid вот так, то ничего не получится.
var helloApp = angular.module('helloApp', ['ui.grid']);


но я могу связать сетку на отдельной странице, которая не имеет выпадающего списка и радиобаттона.

0 Ответов