Ui.grid和ng-click在同一个角度应用程序中 [英] Ui.grid and ng-click in same angular app

问题描述

我想在init函数中绑定ng-grid，并且我想显示名称字段的文本框和绑定部门的下拉列表（来自bb）并绑定radiobuttonlist for gender（来自db）。在ng-click我想更新网格。但是在ng-init中，我只能加载radiobuttonlist和dropdown。我不能绑定ui.grid。但是如果我没有下拉和无线按钮，我可以绑定网格。



我尝试过：



我已经宣布了一个ng-app，并且我在该应用程序中有ng-init功能。

在ng-init函数中我有来自数据库的binded dropdown和radiobutton。
ng-init中的
我想从数据库中获取ui-grid。但我不能这样做。

I want to bind ng-grid in init function and also I want to show textbox for name field and bind dropdown list for department(from bb) and bind radiobuttonlist for gender(from db). In ng-click i want to update the grid. but in ng-init i can load only radiobuttonlist and dropdown. I cant bind ui.grid . But i can bind grid if i dont have dropdown and radiobutton.

What I have tried:

I have declared one ng-app and I have ng-init function in that app.
in ng-init function i have binded dropdown and radiobutton from database.
in ng-init i want to bing ui-grid also from database. But i cant do that.

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这样没什么用的。

if i put ui.grid like this nothing is working.

var helloApp = angular.module('helloApp', ['ui.grid']);

但我可以在没有下拉列表和单选按钮的单独页面中绑定网格。

but I can able to bind grid in a separate page that doesn't have dropdown and radiobutton.

推荐答案

范围，

http）{

scope.deptList;

scope.deptList;

这篇关于Ui.grid和ng-click在同一个角度应用程序中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！