OnDemandGridでウィジェットの幅を変更するには

dgrid/editorを使用してOnDemandGridに挿入したウィジェットの幅を変更したいと思います。テンプレートファイルは、関数によって返された列を返すthis.ruleLinesColumns()を呼び出して列を設定しています。次のコードを使用して、列にdgrid/editorプラグインを使用しています。デフォルトでは、ウィジェットの幅は列の幅よりもはるかに広く設定されています。私はそれを越えるのではなく、列に収まるように100％にしたいと思っています。ここで OnDemandGridでウィジェットの幅を変更するには

が私のファイルです：

テンプレートファイル私は、このようなを含むなど、いくつかの異なるものを試してみた

ruleLinesColumns: function() { 
    var self = this; 
    return [ 
     ... 
     editor({ 
      field: "training", 
      label: msgs.editor.training, 
      sortable: false, 
      required: true, 
      autoSave: true 
     }, NumberTextBox), 
     ... 
    ]; 
},

列を設定してい

<div data-dojo-type="dijit/layout/ContentPane" 
     data-dojo-props="region: 'center', gutters: false"> 

     <div data-dojo-type="dgrid/OnDemandGrid" 
      data-dojo-mixins="dgrid/Selection, dgrid/extensions/DijitRegistry, prophet/common/dgrid/_StandardGridMixin, prophet/common/dgrid/_TreeRowHighlightingMixin" 
      data-dojo-attach-point="ruleLinesGrid" 
      data-dojo-props="'class': 'grid', 
           store: this.ruleLinesStore, 
           columns: this.ruleLinesColumns(), 
           sort: 'sequence', 
           selectionMode: 'single', 
           deselectOnRefresh: false"> 
    </div> 
</div>

style: {width: '100%'}とwidth: '100%'しかし、何も動作していないようです。

ここdgrid /編集者のためのドキュメントです：私は答えを見つけることができた https://github.com/SitePen/dgrid/blob/master/doc/components/mixins/Editor.md

出典

2017-03-05 Samuel Park

OnDemandGridでウ​​ィジェットの幅を変更するには

答えて

関連する問題

OnDemandGridでウィジェットの幅を変更するには