0

ユーザーがテキストボックスにデータを入力し、ドロップダウンリストで値を選択してから検索ボタンをクリックすると、結果がグリッドに表示されるなどの要件があります..それはうまくいきます.ここには2つの課題があります..

1）図に示す下の画像のように、ヘッダー部分の kenod ui Grid に空のスペースを取得しています....下の画像（大きな円）で丸めました

ここに画像の説明を入力

2) いくつかの列名が長すぎる場合、列名全体を表示する可能性はありますか?上の画像で丸めたもの (小さな円) ヘッダーに完全な列名を表示する必要があります ....

以下のコードは剣道UIグリッド用です......

 <div class="GridSearch">

        @(Html.Kendo().Grid<Sanmple.SampleMapp.MVC.Models.TransactionHistoryModel>()
.Name("TransactionHistroyGrid")
 .DataSource(dataSource => dataSource
    .Ajax()
    .PageSize(20)
    .Read(read => read
        .Action("Orders_Read", "TransactionHistoryResults")
        .Data("additionalData")
        )                   
 )
.Columns(columns =>
{
    columns.Bound(p => p.UserId).Filterable(false).Width(40);
    columns.Bound(p => p.Status).Filterable(false).Width(50);
    columns.Bound(p => p.Reviewed).Template(@<text></text>).ClientTemplate("<input id='checkbox'  class='chkbx' type='checkbox' />").Filterable(false).Width(30);
    columns.Bound(p => p.ProjectCaseNumber).Filterable(false).Width(50);
    columns.Bound(p => p.CostPag).Filterable(false).Width(50);
    columns.Bound(p => p.ItemID).Filterable(false).Width(50);
    columns.Bound(p => p.TypeOfChange).Filterable(false).Width(50);
    columns.Bound(p => p.ChangeDescription).Filterable(false).Width(50);
    columns.Bound(p => p.CreatedOnEnd).Filterable(false).Width(50);
    columns.Bound(p => p.UpdatedOnEnd).Filterable(false).Width(50);
    columns.Bound(p => p.Comment).Filterable(false).Width(50);
})
.Pageable()
.Sortable()
.Scrollable()
.Filterable()
.HtmlAttributes(new { style = "height:400px;" })   
)
</div>

これら2つの課題のために、剣道UIグリッドで何かを変更する必要がありますか...これに関するアイデアや提案を教えてください...よろしくお願いします....

4

1 に答える 1

0

グリッドに加えたこれらの変更で2番目の問題を修正しました（このプロパティをmvcラッパーアプローチで剣道UIグリッドに追加するだけです

  .Pageable()
  .Sortable()
  .Resizable(resize => resize.Columns(true)) // added this property to kendo UI grid 
  .Scrollable()
  .Filterable()
  .HtmlAttributes(new { style = "height:400px;" })
于 2013-11-19T16:27:06.393 に答える