【问题标题】:kendo-combo-box with angularjs带有 angularjs 的剑道组合框
【发布时间】:2015-10-16 13:36:56
【问题描述】:

我正在尝试使用来自服务器的数据填充我的剑道组合框,但无法正常工作。这是我的情况:

  • 我在一个页面上有 3 个 kendo-combo-box,都具有相同的 k-data-source
  • 每个都有不同的 ng-model

所以,当我尝试从服务器获取 id 值并使用 ng-model 放置它们时,第一个组合框正常工作,但其他组合框不会自动选择值。这是我的代码 HTML:

<div class="row">
            <div class="col-md-6">
                <div class="form-group has-feedback" ng-class="{ 'has-error': DataForm.coordinator.$invalid, 'has-success': !DataForm.coordinator.$invalid }">
                    <label class="control-label">Coordinator</label>
                    <br />
                    <select kendo-combo-box
                            name="coordinator"
                            k-placeholder="'Select a coordinator'"
                            k-data-text-field="'Name'"
                            k-data-value-field="'Id'"
                            k-filter="'contains'"
                            k-auto-bind="false"
                            k-min-length="3"
                            k-data-source="coordinators"
                            ng-model="item.IdUserCoordinator"
                            style="width: 100%" required></select>
                </div>
            </div>

            <div class="col-md-6">
                <div class="form-group has-feedback" ng-class="{ 'has-error': DataForm.sendto.$invalid, 'has-success': !DataForm.sendto.$invalid }">
                    <label class="control-label">Send To</label>
                    <br />
                    <select kendo-combo-box
                            name="sendto"
                            k-placeholder="'Select a user'"
                            k-data-text-field="'Nome'"
                            k-data-value-field="'Id'"
                            k-filter="'contains'"
                            k-auto-bind="false"
                            k-min-length="3"
                            k-data-source="responsible"
                            ng-model="item.IdUserResponsible"
                            style="width: 100%" required></select>
                </div>
            </div>
        </div>

这是我的脚本:

then(function (data) {
        //I have more code here data[0] and data [1]

        $scope.coordinators = new kendo.data.DataSource();
        $scope.responsible = new kendo.data.DataSource();

        $scope.coordinators.data(data[2]);
        $scope.responsible.data(data[2]);


        var response = RPC.obj.get({ id: $scope.id }); //Get my object from the server
        response.$promise.then(function (data) {
             $scope.item = data;                    
        });
     }

谢谢!!

【问题讨论】:

    标签: javascript angularjs combobox kendo-ui


    【解决方案1】:

    我发现了,属性 k-auto-bind="true" 不见了。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-06-26
      相关资源
      最近更新 更多