1.必输提示错行问题

现象:

这种错行问题原因如下:

name="programHeaderId"
缺少了name属性,导致提示div无法与其关联.

2.Grid第一次进来不查询

3.kendo grid combox实现不重复功能

如图：红框中有VALUE14和13那么其他下拉框则选不到13 14这两个字段

实现代码：

（1）页面创建一个全局变量dbData用来存放数据库的字段

var dbData=null;

（2）从Grid添加事件，数据库将dbData查询

requestEnd:function(e){$.ajax({url:BaseUrl+"/hscs/ar/templates/getMaxNumAndExistColName?headerId="+headerId,type:"get",dataType:"json",success:function(datas){if(""!=datas){dbData=datas;}else{dbData=null;}}})},

查询：

@RequestMapping(value = "/hscs/ar/templates/getMaxNumAndExistColName")@ResponseBodypublic Map getExistColNameByHid(HttpServletRequest request, Long headerId) {IRequest iRequest = createRequestContext(request);ArTemplateLines arTemplateLines = new ArTemplateLines();arTemplateLines.setTemplateHeaderId(headerId);List<ArTemplateLines> tempLineList = arTemplateLinesService.select(iRequest, arTemplateLines, 1, 0);Map<String, Object> map = new HashMap<>();map.put("lineList",tempLineList);return map;}

前端js处理combox，主要看editor函数：

{//通用字段field: "columnName",title: '<@spring.message "hscs.ar.ArTemplateLines.columnName"/>',width: 120,attributes: {"class": "# if(queryFlag) { # grid-readonly  # } else { # grid-required  #}#",style: "text-align:center"},headerAttributes: {style: "text-align:center"},template: function(dataItem){var v = dataItem.columnName || '';$.each(columnNameData, function (i, n) {if ((n.value || '').toLowerCase() == (v || '').toLowerCase()) {v = n.meaning;return v;}})return v;} ,editor: function (container, options) {if(!options.model.templateHeaderId){$('<input id="' + options.field + '" class="grid-required" required style="text-align: center" name="' + options.field + '"/>').appendTo(container);//剔除数据库和当前页面里面已经有的字段var findFlag=true;var temporaryCv=[];$.each(columnNameData,function(i,v){//剔除数据库，把所有数据库有的在columnNameData中标记为已使用if(dbData!=null&&dbData.lineList!=null){$.each(dbData.lineList,function(a,b){if(v.value == b.columnName){v.useFlag="Y";findFlag=false;return false;}});}//剔除当前页面，把所有当前页面有的在columnNameData中标记为已使用if(findFlag){$.each(dataSource.data(),function(c,d){if(v.value == d.columnName&&d.templateLineId==""){v.useFlag="Y";findFlag=false;return false;}});}//如果都没有则标记为未使用，并放入comboBox的dataSourceif(findFlag){v.useFlag="N";temporaryCv.push(v);}findFlag=true;});//把那个自己本身的数据也要放在dataSource$.each(columnNameData,function(i,v){if(v.value==options.model.columnName){temporaryCv.push(v);}});$("#columnName").kendoComboBox({optionLabel: '',valuePrimitive: true,dataTextField: "meaning",dataValueField: "value",dataSource: temporaryCv,});}else{$('<input id="' + options.field + '" class="grid-required" disabled style="text-align: center" name="' + options.field + '"/>').appendTo(container).kendoComboBox({optionLabel: '',valuePrimitive: true,filter: "contains",dataTextField: "meaning",dataValueField: "value",dataSource: columnNameData});}}},

原理就是对combox数据源做一个剔除操作，动态赋值。

Kendo UI常见问题相关推荐

集成 Kendo UI for Angular 2 控件
伴随着 Angular 2 的正式 release,Kendo UI for Angular 2 的第一批控件已经发布了,当前是 Beta 版本,免费使用. 官方站点:Kendo UI for Ang ...
jQuery UI vs Kendo UI jQuery Mobile vs Kendo UI Mobile
jQuery UI vs Kendo UI http://jqueryuivskendoui.com/#introduction jQuery Mobile vs Kendo UI Mobile ht ...
Kendo UI常用示例汇总（九）
2019独角兽企业重金招聘Python工程师标准>>> Kendo UI Professional 提供开源和商业两个版本.开源版 Kendo UI Core,有40+个框架和组件: ...
Kendo UI Web教程分享
2019独角兽企业重金招聘Python工程师标准>>> Kendo UI Web是著名软件开发商Telerik的产品,包含数百个创建HTML5 web app的必备元素,包括UI组件 ...
HTML5 Web app开发工具Kendo UI Web中图像浏览器的使用
2019独角兽企业重金招聘Python工程师标准>>> Kendo UI Web中的图像浏览器在默认的情况下会打开一个简单的对话框,如下图所示,方便用户键入或者是粘贴图片的URL以及 ...
聚合函数的计算机控件,使用Kendo UI MVC Grid包装器的聚合函数
眼镜剑道:2012.3.1114 .Net:4.5 MVC:4.0 问题我使用DataTable作为模型绑定我的网格,我需要有聚合值.如果我使用下面的代码作为我的基础(取自Kendo UI代码库) ...
【版本更新】完整UI库Kendo UI发布R3 2017|附下载
2019独角兽企业重金招聘Python工程师标准>>> 通过70多个可自定义的UI组件,Kendo UI Professional可以创建数据丰富的桌面.平板和移动Web应用程序.通 ...
HTML5 Web app开发工具Kendo UI Web中Grid网格控件的使用
Kendo UI Web中的Grid控件不仅可以显示数据,并对数据提供了丰富的支持,包括分页.排序.分组.选择等,同时还有着大量的配置选项.使用Kendo DataSource组件,可以绑定到本地的J ...
Kendo UI Validator 概述
Kendo UI Validator 概述 Kendo UI Validator 支持了客戶端校驗的便捷方法,它基於 HTML 5 的表單校驗功能,支持很多內置的校驗規則,同時也提供了自定義規則的便捷 ...

Kendo UI常见问题

1.必输提示错行问题

2.Grid第一次进来不查询

3.kendo grid combox实现不重复功能

Kendo UI常见问题相关推荐

最新文章

热门文章