easyui中 combogrid控件的loadData方法加载本地数据
2015-10-15 11:48
756 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script id="jquery_183" type="text/javascript" class="library" src="/js/sandbox/jquery/jquery-1.8.3.min.js"></script> </head> <link id="others_jquery_easyui_131" rel="stylesheet" type="text/css" class="library" href="/js/sandbox/jquery-easyui/themes/default/easyui.css"> <script id="others_jquery_easyui_131" type="text/javascript" class="library" src="/js/sandbox/jquery-easyui/jquery.easyui.min.js"></script> <script type="text/javascript"> $(function () { $("#userreg_middle_zcrj_tb").datagrid({ width: 450, height: 250, rownumbers: true, columns: [[ { field: 'code', title: 'code', width: 100, editor: { type: 'combobox'} }, { field: 'name', title: 'name', width: 100, editor: { type: 'combobox'} }, { field: 'addr', title: 'addr', width: 100, editor: { type: 'text'} }, { field: 'col4', title: '', width: 50 } ]] }); $('#cc').combogrid({ panelWidth: 450, value: 'name', idField: 'code', textField: 'name', columns: [[{ field: 'code', title: 'Code', width: 60 }, { field: 'name', title: 'Name', width: 100 }, { field: 'addr', title: 'Address', width: 120 }, { field: 'col4', title: 'Col41', width: 100}]] }); var a = [{ code: 1, name: 'aaa', addr: 'aasdf', col4: 'asdfasdfasdf' }, { code: 1, name: 'aaa', addr: 'aasdf', col4: 'asdfasdfasdf' }, { code: 1, name: 'aaa', addr: 'aasdf', col4: 'asdfasdfasdf'}]; // var b = $.parseJSON(a); $("#userreg_middle_zcrj_tb").datagrid("loadData", a); $("#cc").combogrid("loadData", a); }); </script> <body> <table id="userreg_middle_zcrj_tb"></table> <input id="cc" name="dept" value="01"/> </body> </html>
最关键是最后两个loadData,在datagrid中加载成功,在combogrid中加载不成功,而在文档中写着:
组合表格 继承$.fn.combo.defaults和$.fn.datagrid.defaults,使用$.fn.combogrid.defaults重载默认值。 事件 事件继承自定义组合框和数据表格。
就想当然的以为loadData呗combogrid继承过来了。然后一直调试抓狂,今天又把combogrid的文档看了一遍,有这样的一个方法
grid none 返回数据表格对象。
突然就豁然开朗了。
只需要把上面的修改成:
$("#cc").combogrid("grid").datagrid("loadData", a);
就解决了
这件事情不熟悉api导致浪费了两天的时间,这个教训告诉我,对于不熟悉的东西要多在文档上找解决方法,包括前几天datagrid编辑的问题,在官方的文档里直接有两个相关的例子。要重视官方文档啊。
相关文章推荐
- UIViewController不dealloc問題
- 内核中__builtin_constant_p 函数
- UIButton的使用
- easyui $.parser.parse 页面重新渲染
- NSOperationQueue和NSOperation的使用方法
- UEFI启动是什么意思 UEFI启动对比Bios启动优势在哪里
- SequenceFile 读写操作
- @manytoone设置为optional=true不起作用
- UITextFild
- 【IOS 开发学习总结-OC-48】★★ios开发之UI控件——UIDatePicker与 UIPickerView
- Ugui的介绍视频地址和笔记
- [Flex] ButtonBar系列——arrowKeysWrapFocus属性如果为 true,则使用箭头键在组件内导航时,如果击中某一端则将折回。
- 设置UIButton的一些常用属性
- Design中NavigationView MenuItem选中字体Icon颜色
- 【IOS 开发学习总结-OC-47】★ios开发之UI控件——UIAlertView与 UIActionSheet
- 在iOS8中使用UIAlertViewController
- iOS开发-UI控件:TextField设置
- 做项目过程中遇到的问题及解决----UIGesture手势与UI控件点击的事件冲突解决
- FineUI开源版之TreeGrid(修改)
- iOS开发-UI控件:UILabel用法详解