1

私はこの剣道グリッドをasp.net mvcプロジェクトに持っています

<div class="actualGrid" id="actualGrid">
    @(Html.Kendo().Grid<AVNO_KPMG.Models.Bench>()    //Bench Grid
            .Name("grid")

        .Columns(columns =>
        {
            columns.Bound(p => p.name).Title("Bench").Filterable(ftb => ftb.Cell(cell => cell.Operator("startswith"))).Width(100);
            columns.Bound(p => p.freeSeats).Title("Free Seats").Width(200).Filterable(ftb => ftb.Cell(cell => cell.Operator("gte"))).HtmlAttributes(new { @class = "FreeSeats" })
                .ClientTemplate("<div class='barthingy'><div class='bars_text'><div class='seatsText'><span class=\"bookfull\"></span> <b>#=bookedSeats#</b> USED SEATS</div><div class='seatsText'><span class=\"bookNotfull\"></span> <b>#=freeSeats#</b> TOTAL OF SEATS</div></div><div id='bigbar'><div  class='bigbar'  style='width:100%; float:left; background-color:rgb(142, 188, 0);'><div  ' style='float:right; width:#=bookedSeats *100 / seatsCount#%; background-color:rgb(255, 99, 71); height:16px '  class='b_#=name#' id='temp-log'></div></div></div></div>");

        })
        .Pageable()
        .Sortable()
        .Scrollable(scrolling => scrolling.Enabled(false))
                .Filterable(ftb => ftb.Mode(GridFilterMode.Row))
                .Events(events => events.DataBound("onDataBound").FilterMenuInit("filterInit"))
        .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(10)
        .Events(events => events.Error("error_handler"))
        .Model(model => model.Id(p => p.id))
                        .Read(read => read.Action("GetBenches", "Deskcheckin"))
                )
        )
</div>

フィルターが負の値を受け入れないようにする方法があるかどうかを知りたいです (値が 0 のときに下向き矢印を押しても)。これをグリッドの入力に追加してみました

$(".actualGrid :input").attr("onkeypress", "return event.charCode >= 48 && event.charCode <= 57");

ただし、ユーザーが負の値を入力するのを防ぐだけで、矢印を使用することはできます。

編集：

この関数を次のように作成しました

function filterInit(e) {
        console.log("FILTER INIT!");
        if (e.field == "Free Seats") {
            //depends of how many inputs you have per filter
            $(e.container.find("input:eq(1)")).kendoNumericTextBox({
                min: 0
            });                        
        }
    }

しかし、まだ動作しません:\

jQueryでやってみました

$(".actualGrid :input:eq(4)").kendoNumericTextBox({
            min: 0
        });

キーボードから矢印を使用すると、0以下にはなりませんが、入力の右側にある矢印をクリックすると、負の数になります

4

1 に答える 1

2

filterMenuInit を使用できます。

  heigth:...,
  filterable: true,
  filterMenuInit: function (e) {
                    if (e.field == "YourField") {
  //depends of how many inputs you have per filter
                       $(e.container.find("input:eq(1)")).kendoNumericTextBox({
                            min: 0
                        });                        
                    }
    },
   sortable: true,
于 2015-11-17T17:10:05.010 に答える