0

コントローラーでHTMLが生成され、ビューに渡されて「SlickGrid」に追加されます。私が抱えている問題は、適用すべき CSS スタイルがその HTML に適用されていないことです。数回発生していますが、すべて同じ症状です。

表示される HTML は次のとおりです (Chrome のインスペクター ツールから取得)。

 <div id="pba-progress-688-5" class="checkpointLegend clickable A tipper" title="Approved&lt;br&gt;&lt;i&gt;Composition Table&lt;/i&gt;&lt;br&gt;Click to go to this checkpoint.">✓&lt;/div>

クリック可能なクラス、A、Tipper は適用されていません。また、いくつかの checkpointLegend も適用されていません。

checkPointLegend は次のようになります。

.checkpointLegend {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    cursor: pointer;
}
.checkpointLegend div {
    border: 1px solid #CCC;
    border-radius: 4px 4px 4px 4px;
    float: left;
    height: 14px;
    margin: 2px;
    width: 12px;
    font-size: 10px;
    text-align: center;
    line-height: 14px;
    cursor: pointer;
}

.checkpointLegend 部分は適用されていますが、DIV 部分は適用されていません。

レンダリング時にこれらのクラスが HTML に適用されない理由について何か考えはありますか?

参考のため：

  • SlickGrid のフォークを使用しています ( https://github.com/andrewchilds/SlickGrid )
  • CSS は WEBGRID で正常に動作します (動作することはわかっています) が、WebGrid は遅すぎて、投げかけているデータの量を処理できません。
  • コントローラーは HTML を生成し、それを ajax 呼び出しを介してビューに渡します。html は、slickgrid のセルに直接ダンプされます。

明確にする必要があるものを明確にするか、必要に応じてさらにコードを投稿していただければ幸いです。

任意の考え/ポインタ/提案/解決策を大歓迎します (私はこれについて 2 日間机から頭を叩いてきました...)

4

0 に答える 0