小编You*_*mer的帖子

在Kendo网格AngularJS中以编程方式选择一行

有人可以帮助我以编程方式选择角度的剑道网格行。我可以逐行选择一个行。我无法找出一种方法来选择基于一行的内容(如果其列的内容)。

HTML:

 <body ng-controller="MainCtrl">
    <p>Hello {{name}}!</p>
    <div kendo-grid="myGrid" k-options="myOptions"  k-selectable="'row'" k-on-change="myGridChange()"></div> 
  </body>
Run Code Online (Sandbox Code Playgroud)

JS:

var app = angular.module('plunker', ['kendo.directives']);

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';

  $scope.myOptions = {
    columns:[
      {
        field: 'ID'
      },
      {
        field: 'FirstName'
      },
      {
        field: 'LastName'
      },
      ],
      dataSource: [
            {ID:139, FirstName:'John', LastName:'Doe'},
            {ID:250, FirstName:'Jane', LastName:'Smith'},
            {ID:376, FirstName:'Henry', LastName:'Rocks'}
            ],
      dataBound:function(e) {
              var grid = e.sender;
              grid.select("tr:eq(2)");
              grid.select("tr[FirstName='Henry'])");  // This doesn't work
      }
  };

  $scope.myGridChange = function(){
     var selectedRows = $scope.myGrid.select();             // This doesn't work
     console.log($scope.myGrid.dataItem(selectedRows[0]));
  }; …
Run Code Online (Sandbox Code Playgroud)

angularjs kendo-grid

5
推荐指数
1
解决办法
1万
查看次数

无法在角度引导模态窗口中引用kendo网格

我试图引用放置在bootstrap模式使用的模板中的kendo网格.直接放置在app控制器的范围内时,同一网格可以工作,但会从模态实例控制器中抛出未定义的错误.

有人可以告诉我我做错了什么.

var app = angular.module('plunker', ['ui.bootstrap', 'kendo.directives']);

app.controller('MainCtrl', function($scope, $modal) {
  $scope.name = 'World';

  $scope.mySource = new kendo.data.DataSource({
          data: [
            {ColumnOne:'One', ColumnTwo:'Two'},
            {ColumnOne:'Three', ColumnTwo:'Four'},
            {ColumnOne:'Five', ColumnTwo:'Six'}
            ]
  });

  $scope.myGridChange = function(){
     var selectedRows = $scope.myGrid.select();
     console.log($scope.myGrid.dataItem(selectedRows[0]));
  };

   $scope.items = ['item1', 'item2', 'item3'];

   $scope.open = function () {

    $modal.open({
      templateUrl: 'myGridTemplate.html', //'myTemplate.html',
      controller: ModalInstanceCtrl,
      resolve: {
        items: function () {
          return $scope.items;
        }
      }
    });
   };
});


var ModalInstanceCtrl = function ($scope, $modalInstance, items) {

  $scope.items = items;
  $scope.selected = …
Run Code Online (Sandbox Code Playgroud)

twitter-bootstrap kendo-ui angularjs kendo-grid

4
推荐指数
1
解决办法
4330
查看次数

AngularJS:将数据传递到 Internet Explorer 上的新浏览器窗口的问题

我正在尝试将一些对象传递给新的浏览器窗口。我遵循了AngularJS的建议:打开一个新的浏览器窗口,但仍然保留范围和控制器以及服务

它适用于 Chrome,但不适用于 IE。我的共享对象在 IE上始终未定义。有什么建议?

我正在尝试做的简化版本的代码

我的父母 html

<html ng-app="SampleAngularApp">   

<body>
 <div ng-controller="popupCtrl">
        <my-popup foo="foo" abc="abc">Open Popup from here</my-popup>
    </div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我的父母 JS

var SampleAngularApp = angular.module('SampleAngularApp', []);

    var popupCtrl = function ($scope) {

        $scope.foo = { baz: 'qux' };
        $scope.abc = "12345";
    };

SampleAngularApp.directive('myPopup', ['$window', function ($window) {
    return {
        restrict: 'EA',
        scope: {
            foo: '=',
            abc: '='
        },
        link: function (scope, elem, attrs) {
            elem.css({ 'cursor': 'pointer' });
            elem.bind('click', function () { …
Run Code Online (Sandbox Code Playgroud)

angularjs

1
推荐指数
1
解决办法
9746
查看次数