0

我正在尝试为我在剑道网格中的一个列制作一个过滤器 UI，该网格将成为下拉选择。

到目前为止，我有：

function stateFilter(element)
{
  element.kendoDropDownList({
    dataSource: [
      {
        "state": "New",
        "stateId": 1
      },
      {
        "state": "Current",
        "stateId": 2
      },
      {
        "state": "Non-finalised",
        "stateId": 7
      }
    ],
    optionLabel: 'Select state',
    dataTextField: 'state',
    dataValueField: 'stateId',
    template: '#="<span class=\'filterTrigger\' data-value=\'"+stateId+"\'>"+state+"</span>" #',
    select: function(e)
    {
      console.log(e)
      var val = e.item[0].innerHTML
      val = val.substring(41, 40);
      html = e.item[0].innerText;
      activeFilter = activeFilter.filter(function( obj ) {
        return obj.field !== 'state';
      })
      activeFilter.push({
        field: 'state',
        operator: 'eq',
        value: val
      })
      $('.k-animation-container').hide();
      filtersState = 1 ;
      grid.dataSource.filter(activeFilter);
    }
  })
}

有没有更好的方法stateId从数据源中获取而不是必须将其作为数据参数传递并将其切碎substring()并将其作为值传递？

4

2 回答 2

0

这是一个剑道网格，在网格中有一个下拉菜单来更改值和它的剃刀语法。对于它的价值，我会发布代码。它被截断了一点，所有的开盘/收盘磅都应该对齐。

 columns.Bound(m => m.IncludeInForecast).HtmlAttributes(new { Align="center"}).Title("Include In Forecast?").ClientTemplate(

"\\# if (IncludeInForecast == true) { \\#" +

                                  "<select id='\\#= OrderDetailId \\#' onchange=SaveIncludeInForecast('\\#= OrderDetailId \\#','\\#= ProposalId \\#'); style='Width: 80px; color: 'navy' > " +
                                    "<option id='yes' selected value='1'>Yes</option>" +
                                    "<option id='no' value='0'>No</option>" +

                                    "</select>" +
                             "\\# } else { \\#" +
                                  "<select id='\\#= OrderDetailId \\#' onchange=SaveIncludeInForecast('\\#= OrderDetailId \\#','\\#= ProposalId \\#'); style='Width: 80px; color: 'navy' > " +
                                    "<option id='yes'  value='1'>Yes</option>" +
                                    "<option id='no' selected value='0'>No</option>" +
                                 "\\# } \\#" +
                        "\\# }
);

你会注意到我做这个的地方'\\#= ProposalId \\#'。这就是您可以从模型中获取值的方式。

然后得到的函数

function SaveIncludeInForecast(orderDetailId, proposalId)
{      

}

希望这不是完全没用。

于 2014-02-20T14:40:08.733 回答
0

我不完全确定你在做什么。如果您只是想在网格中的列上添加一个下拉列表作为过滤器，那么您正在做的事情要容易得多。

这是一个快速示例... http://jsbin.com/coreh/1/edit

如果这不是您的意思，请为您的网格发布代码，以更好地确定您要完成的工作。

于 2014-02-20T13:32:44.917 回答