如何将自动完整文本添加到kendo网格 [英] How to add auto complete text to kendo grid

问题描述

晚上好。







我想添加一个自动完整文字到我的剑道网格，这里我给我的代码

Hi,Good evening to all.



I want to add one auto complete text to my kendo grid,here i'm giving my code

$('#divgrid').kendoGrid({
              columns: [
                  { field: "Id", title: "Id", type: "number", width: 25, },
                  { field: "Name", title: "Name", type: "string", width: 25, },
                  { field: "Age", title: "Age", type: "number", width: 25 }

              ],
              dataSource: {
                  data: [
                      { Id: "3", Name: "XYZ", Age: "25" },
                      { Id: "4", Name: "MNQ", Age: "26" },
                      { Id: "33", Name: "ABC", Age: "27" },
                      { Id: "6", Name: "TES", Age: "28" },
                      { Id: "2", Name: "SET", Age: "29" },
                      { Id: "66", Name: "Test", Age: "44" },
                      { Id: "99", Name: "You", Age: "3" },
                      { Id: "1", Name: "Zxy", Age: "101" }

                  ],

                 
              },
              sortable: {
                  mode: "single",
                  allowUnsort: false
              },
              pageable: {
                  pageSize: 3,
                  refresh: true,
                  numeric: true,
                  input: true,
                  buttonCount: 2
              },
             
              height: 200,
              selectable: "multiple cell",
            
              scrollable: false,
              navigatable: true,
              groupable: true,
              columnMenu: true,

          });

}）;



感谢高级。

});

Thanks in advanced.

推荐答案

（' ＃divgrid'）。kendoGrid（{
columns：[
{field： Id，title： Id ，键入： number，width： 25 ，}，
{field： 名称，标题： 名称，类型： < span class =code-string> string，width： 25 ，}，
{field： 年龄，标题： 年龄，键入： number，width： 25 }

]，
dataSource：{
data：[
{I d： 3，名称： XYZ，年龄： 25}，
{Id： 4，名称： MNQ，年龄： 26}，
{Id： 33，名称： ABC，年龄： 27}，
{Id： 6，名称： TES，年龄： 28}，
{Id： 2，名称： SET，年龄： 29}，
{Id： 66，名称： 测试，年龄： 44}，
{Id： < span class =code-string> 99，名称： 你，年龄： 3}，
{Id： 1，名称： Zxy，年龄： 101}

]，


}，
可排序：{
模式： single，
allowUnsort： false
}，
pageable：{
pageSize： 3 ，
刷新： true ，
numeric： true ，
输入： true ，
buttonCount： 2
}，

height： 200 ，
可选： 多个单元格，

可滚动： false ，
可导航： true ，
groupable： true ，
columnMenu： true ，

}）;

('#divgrid').kendoGrid({ columns: [ { field: "Id", title: "Id", type: "number", width: 25, }, { field: "Name", title: "Name", type: "string", width: 25, }, { field: "Age", title: "Age", type: "number", width: 25 } ], dataSource: { data: [ { Id: "3", Name: "XYZ", Age: "25" }, { Id: "4", Name: "MNQ", Age: "26" }, { Id: "33", Name: "ABC", Age: "27" }, { Id: "6", Name: "TES", Age: "28" }, { Id: "2", Name: "SET", Age: "29" }, { Id: "66", Name: "Test", Age: "44" }, { Id: "99", Name: "You", Age: "3" }, { Id: "1", Name: "Zxy", Age: "101" } ], }, sortable: { mode: "single", allowUnsort: false }, pageable: { pageSize: 3, refresh: true, numeric: true, input: true, buttonCount: 2 }, height: 200, selectable: "multiple cell", scrollable: false, navigatable: true, groupable: true, columnMenu: true, });

}）;



先谢谢。

});

Thanks in advanced.

阅读本文主题 [ ^ ]。

实现与显示的实现相同在其中 [ ^ ]。



-KR

Read this thread[^] on telerik forum.
The implementation is identical to the one shown here[^].

-KR

这篇关于如何将自动完整文本添加到kendo网格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！