`

easyui乱七八糟的问题

 
阅读更多
Jquery插件--easyUI属性汇总 http://jdonee.iteye.com/blog/743690

这个玩意的问题还真多,  但是控件也丰富  所以决定用做事.
以下记录问题:
变态级别问题:
1. 一定要用id, 看api的方法,感觉可以抛弃用id的时候, 确碰到很多问题
比如:
$('#select_company_product_order_pri').numberbox({
            onChange:function(newValue,oldValue){
                alert(1);
            }
        });

这里没问题,  但是如果你jquery去查询dom不使用id的话, 问题会让你压抑,  简直要疯掉.
$('input[name=select_company_product_order_pri]').numberbox({
            onChange:function(newValue,oldValue){
                alert(1);
            }
        });

上面这个代码, 是去掉id  用name来做, 但是会有问题, 会把你逼疯的.
所以记住: 用easyui就一定要给空间想好唯一的id, 否则会发疯的.





一般问题:
1. 获得更新的行. 问题:http://www.debugease.com/javascript/3508772.html
但是无法解决问题, 然后跟踪代码,发现acceptChanges方法里面调用的一段代码是
function _698(_699) {
        var _69a = $.data(_699, "datagrid");
        var data = _69a.data;
        var rows = data.rows;
        var _69b = [];
        for (var i = 0; i < rows.length; i++) {
            _69b.push($.extend({}, rows[i]));
        }
        _69a.originalRows = _69b;
        _69a.updatedRows = [];
        _69a.insertedRows = [];
        _69a.deletedRows = [];
    }

Pandy: 这里在acceptChanges方法的时候被执行到,同时下面的代码数组已经被清空,所以无法getChanges获得数据, 因为下面清空数组引起的, 无法看出这个方法是用来干嘛, 但是清空了数组引起了问题, 先临时注释掉, 如果有问题, 再说啦.

2.表单 验证, 参考: jQueryEasyUi验证http://uule.iteye.com/blog/1849690

3.表格验证: 定义列的时候, editor要这样写:
{field: 'addr', title: '地址', width: 200,
                        editor: {
                            type: 'validatebox',
                            options: {
                                required: true,
                                validType: ['length[2,5]']
                            }
                        }},

validType: 'email','equals['#pwd']','minLength[5]','url',['email','length[0,20]'](组合)等等, 更多信息参考上面.
文档里面描述: Indicate the edit type. When string indicates the edit type, when object contains two properties:
type: string, the edit type, possible type is: text,textarea,checkbox,numberbox,validatebox,datebox,combobox,combotree.
options: object, the editor options corresponding to the edit type.
但好像支持验证的, 只能是validatebox,combobox,numberbox,datebox(不确定), 其中text,textarea不支持验证, 很奇怪吧.

Dilaog剧中问题: http://blog.csdn.net/guoguo19811025/article/details/11560079

DataGrid Filter Row问题: , 一定要在$(document).ready(function(){....在这里实现...}); 其中file code列表: nofilter,contains,equal,,notequal,beginwith,endwith,less,lessorequal,greater,greaterorequal.

事件和方法:
方法: $('#order_no').textbox("setValue",no);
事件: $('#getCompanyProvideType').combobox({onSelect:function(){
        alert(1);
    }});


多个下拉框使用onSelect事件,会有一些下拉框失效.


改变DataGrid 行背景颜色, easyUI 根据一些条件改变DataGrid 行背景颜色 http://blog.csdn.net/yanghongchang_/article/details/7854103


表格PAI:居然不提供直接获得某一行的方法?很好奇.....


DataGrid Buffer View,虽然这个很迷人的功能,但是会有问题,如果有1行自动换行之后,就有问题。

jquery easyui datagrid的getSelections问题 http://jabbar2011.iteye.com/blog/1661608,我的问题是想初始化的时候自动设定一些行,但是没有keyId,所以无法让某些行不设定,变换用idnex来做,formatter的时候存在这个index参数。selectRow,selectRecord,即使用selectRow方法。
自己的办法:
1.不过后来看到源码,只要设定返回的行的一个属性checked=true,就可以自动打勾了,不过不要太开心,因为选择样式没有自动加上去,太变态了。还是老老实实selectRow。
2.因为它的index是0开始,所以直接在onLoadSuccess事件里面处理,反正这个方法的参数data.rows就是数据。index的值也可以当作是rows的下标,前提是不能排序,刚好我也不使用排序。
分享到:
评论

相关推荐

    EasyUI Datagrid 中文排序的问题

    本文将详细介绍如何解决EasyUI Datagrid中的中文排序问题,并分别从前端和后端两个角度给出具体的实现方案。 #### 二、EasyUI Datagrid简介 EasyUI 是一个基于 jQuery 的简单而强大的 UI 库,它提供了大量的用户...

    easyui datagrid 表格 打印

    标题“easyui datagrid表格打印”关注的就是如何解决这个问题,即如何将经过formatter处理后的数据在打印时保持原有的格式。 在描述中提到的“支持formatter格式化数据的打印”,指的是Datagrid中用于数据美化和...

    EasyUI InsdepTheme EasyUI的皮肤美化 免费版

    这表明该主题是针对特定版本的EasyUI设计的,可能不兼容更高或更低版本的EasyUI,因此在使用时需要注意版本的匹配问题。 关于EasyUI的使用,开发者需要先引入EasyUI的CSS和JavaScript文件,然后在HTML结构中应用...

    easyui1.7 官网示例大全

    easyui\easyui-accordion-demo.zip easyui\easyui-crud-demo.zip easyui\easyui-datagrid10-demo.zip easyui\easyui-datagrid11-demo.zip easyui\easyui-datagrid12-demo.zip easyui\easyui-datagrid13-demo.zip ...

    easyUI各版本与ie浏览器兼容问题

    easyUI各版本与ie浏览器兼容问题

    easyui iframe 页面重复加载的问题

    在使用easyui框架开发Web应用时,特别是在使用tab布局的时候,开发者可能会遇到页面内容被放置在iframe中时,页面多次加载的问题。这种情况尤其会在使用easyui的tab布局时发生,因为easyui会默认加载所有tab的内容,...

    easyUI例子_easyui1.4.4_一套EASYUI的经典后台管理模板_jquery_

    jQuery 提供了便捷的 DOM 操作、事件处理和动画效果,使得开发者可以更加专注于业务逻辑而不是底层的浏览器兼容性问题。 3. **后台管理模板**:这个压缩包提供的后台管理模板,通常包括了登录页面、主页面、数据...

    easyui官方离线文档

    10. **问题排查和优化**:文档还会涵盖一些常见问题的解决方案,帮助开发者解决在使用过程中遇到的问题,提升开发效率。 总之,"easyui官方离线文档"是一个全面且实用的资源库,它涵盖了从基础使用到高级特性的所有...

    全套EasyUI示例源码

    - 官方文档:EasyUI 提供详细的文档和API参考,是学习和解决问题的重要依据。 - 社区支持:开发者可以在论坛、Stack Overflow等平台寻求帮助,分享经验。 - 开发工具:使用像Visual Studio Code这样的代码编辑器...

    easyui的入门教程

    7. **文档和社区支持**: EasyUI 提供了详尽的官方文档,包括API参考、示例代码和常见问题解答,对于初学者来说是非常宝贵的资源。同时,活跃的社区也是解决实际问题的好地方。 通过学习EasyUI,开发者可以快速搭建...

    easyUI时间控件使用

    在本文中,我们将深入探讨如何在EasyUI框架中有效地使用时间控件,以及如何解决时间格式化的问题。EasyUI是一个基于jQuery的轻量级前端开发框架,它提供了一系列丰富的组件,帮助开发者快速构建用户界面。时间控件是...

    easyui1000个ico图标

    EasyUI 是一个基于 jQuery 的前端开发框架,专为构建用户界面而设计。它提供了一套完整的组件和样式,包括布局、表格、对话框、菜单、按钮等,使得开发者能够快速地构建出美观且功能丰富的 web 应用。在这个“easyui...

    最强的easyUI API

    EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列的组件,如对话框、表单、树形菜单、分页等,极大地简化了网页界面的开发工作。"最强的easyUI API"显然指的是一个详尽且全面的EasyUI文档,这份文档可能包含了...

    easyui视频教程(16)

    10. **问题排查**:最后,教程可能会教你如何识别并解决在使用 EasyUI 过程中遇到的常见问题,提供一些调试技巧。 "EasyUI入门视频教程16.avi"这一集很可能深入到某个具体话题或组件,比如深入讲解 DataGrid 的高级...

    五套easyUI模板

    "五套EasyUI模板"涵盖了多种应用场景,包括绿色后台管理系统、H5手机界面、数字管理系统以及信息考核系统和云平台四套模板,这些都是在实际开发中非常实用的资源。 1. **EasyUI绿色后台管理系统**:这套模板通常...

    jquery-easyui-1.4.5_easyuiapi_

    1.4.5版本在前一版本的基础上优化了性能,增加了新功能,并修复了一些已知问题,为开发者带来更稳定、高效的开发体验。 2. **主要组件** - **Dialog(对话框)**:Dialog是EasyUI中的一个基础组件,用于显示弹出式...

    easyui_stepbnd_easyui_源码

    【标题】"easyui_stepbnd_easyui_源码" 提供的是一个基于EasyUI的模板项目,旨在简化全栈开发中的前后端交互过程,特别适合后端开发者使用。EasyUI是一个基于jQuery的轻量级前端框架,它提供了丰富的UI组件,能够...

    EasyUI 完整源代码 1.5.0

    - `changelog.txt` 记录了EasyUI 1.5.0的更新历史,包括新功能、改进和已知问题修复,对于了解版本差异和更新策略很有帮助。 - `license_commercial.txt` 描述了该版本的商业许可条款,规定了使用、分发和修改...

    最新EasyUI扁平化

    10. **文档和社区**:利用官方文档和在线社区资源,如论坛、GitHub等,可以解决开发过程中遇到的问题,并学习他人的实践经验。 总之,EasyUI是web开发者实现高效UI开发的有力工具,特别是对于追求扁平化设计的项目...

    easyui视频教程(8)

    EasyUI是一种基于JavaScript和HTML5的前端开发框架,它简化了网页应用的界面设计和交互实现,尤其在数据管理、表格展示、对话框操作等方面...同时,不断实践和探索,将使你更加熟练地运用EasyUI解决实际开发中的问题。

Global site tag (gtag.js) - Google Analytics