在键入时,剑道网格对整数列进行过滤
Kendo grid filtering on integer column when typing
我有一个多列的网格。比如Id(integer)
, Name(string)
等等。更改事件对名称列工作正常。但是对于ID列,它不工作。
我希望这个功能在服务器端(Razor)。
我是剑道UI的新手,任何关于如何做到这一点的帮助都将非常感激。
我在下面附上我的代码:
@(Html.Kendo().Grid(Model).Name("ViewDataGrid")
.Columns(columns =>
{
columns.Bound(c => c.Id).Title(" ID").Width(150);
columns.Bound(c => c.Name).Title(" Name").Width(150);
})
.HtmlAttributes(new { style = "height: auto; width: 2200px" })
.Filterable(i => i.Mode(GridFilterMode.Menu | GridFilterMode.Row))
.Sortable(s => s.AllowUnsort(false).SortMode(GridSortMode.MultipleColumn))
.Selectable(selecting => selecting.Enabled(true))
.Pageable(r => r.PreviousNext(true).PageSizes(new int[] { 10, 20, 30, 40, 50, 100 }))
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.ServerOperation(false)
.Events(e => e.Change("call"))
))
function call(e) {
if (e.sender.filter.arguments[0].filters != null) {
if (e.sender.filter.arguments[0].filters[0].value == "") {
$('#ViewDataGrid').data('kendoGrid').dataSource.filter({});
}
else {
var filterlength = e.sender.filter.arguments[0].filters.length;
$filter = new Array();
if (e.sender.filter.arguments[0].filters[0].field == "Id")
$filter.push({ field: e.sender.filter.arguments[0].filters[0].field, operator: "eq", value: e.sender.filter.arguments[0].filters[0].value });
else
$filter.push({ field: e.sender.filter.arguments[0].filters[0].field, operator: "contains", value: e.sender.filter.arguments[0].filters[0].value });
$("#ViewDataGrid").data("kendoGrid").dataSource.filter($filter);
}
}
}
Model.CS
public int Id { get; set; }
public string Name { get; set; }
控制器public ActionResult Index()
{
List<GridData> dataList = new List<GridData>();
GridData data1 = new GridData();
data1.Id = 9191919;
data1.Name = "XYZ";
dataList.Add(data1);
return View(dataList);
}
尝试使用"row"选择类型:
.Selectable(selecting => selecting.Enabled(true).Type(GridSelectionType.Row))
相关文章:
- 如何使用js将SNAPSHOT内部版本号转换为3位数的整数
- 检测个位数整数时正在转换毫秒
- 限制javascript变量的最小/最大整数
- 如何在 Javascript 中将变量的值从字符串转换为整数
- 正则表达式只允许 x 个整数
- 我想在AngularJS应用程序中创建一个输入数字框,用户不应该在该框上键入十进制数字.(一个整数输入框)
- 如何在Chartjs中制作整数比例
- 减去两个索引不同但值相同的整数
- 使用jquery从整数中减去
- 有效地获取两个区间之间的随机整数
- 为什么我的javascript程序没有将其转换为整数而不是字符串
- 带静态字符e输入的文本框数字和带javascript的负整数
- Javascript-当存在's是一个整数标记
- parseInt()方法如何返回整数
- 由于某种原因,JavaScript整数存储为未定义
- Js char数组将字符串整数视为整数
- 如何翻译MySQL查询's ResultSet转换为整数
- 计算阶乘超过了Javascript中的最大整数限制
- 如何使用 num.toString 和 str.split 查找整数的最后一位数字
- 有可能得到一个大整数实例的自然日志吗