1

3列のUIGridがあります。2 列目の値に基づいて、3 列目のカスタム セル テンプレートを作成する必要があります。例 ：

行 1 : Expression1 : 文字列 : TextBox

行 2 : Expression2 : Boolean : true と false のドロップダウン。

以下のスニペットのように、カスタムセルテンプレートを3列目に追加しようとしました:-

$scope.gridOptions.columnDefs = [
        { name: 'expression', displayName: 'Expression',enableCellEdit: false,enableSorting: false, width: '40%'},
        { name: 'type', displayName: 'Type',enableCellEdit: false,enableSorting: false, width: '30%' },
        { name: 'value', displayName: 'Value',enableCellEdit:true,enableSorting: false, width: '30%',editableCellTemplate: 'ui-grid/dropdownEditor',
            editDropdownOptionsArray: [
                                       { id: 1, value: 'true' }, 
                                       { id: 2, value: 'false' }
        }
      ];

ただし、この場合、3 列目のセルには常に true と false のドロップダウンがあります。2 列目のセルの値に基づく動的なセル テンプレートが必要です。3 列目のセル タイプは TextBox または Dropdown である必要があります。これを行う方法はありますか？

前もって感謝します。

4

0 に答える 0