1

動的ユーザー ダッシュボードの設計に angular-gridster を使用しています。ウィジェットのコールバックのサイズを変更する際に、グリッドスター ウィジェットのデータ コンテンツをレスポンシブにする方法を教えてください。

 <div id="gridster" >
                <div gridster="gridsterOpts">
                    <ul>
                        <li gridster-item="widget" ng-repeat="widget in DashboardControls">
                            <div class="box">
                                <div class="box-header">
                                    <h3 style="width: 100%;word-break: break-all; table-layout: fixed;">{{widget.ControlobjectName}}</h3>
                                    <div class="box-header-btns pull-right">
                                        <a title="settings" data-toggle="modal" data-target="#widgetSettingModal" ng-click="openSettings(widget)"><i class="glyphicon glyphicon-cog"></i></a>
                                        <a title="Remove widget" ng-click="remove(widget)"><i class="glyphicon glyphicon-trash"></i></a>
                                    </div>
                                </div>
                                <div class="box-content">
                                    <div>                                       
                                         <img class="img-responsive"  ng-src="{{widget.ThumbnailPath}}" />
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
4

1 に答える 1

0

ウィジェットに埋め込まれたカスタム ディレクティブ (または複数のカスタム ディレクティブ) を作成する必要があります。このカスタム ディレクティブには、データに応答してウィジェットのコンテンツを変更するロジックを含めることができます。

于 2016-07-15T16:03:44.407 に答える