jqueryEasyui 异步 combotree的赋值问题。
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jqueryEasyui 异步 combotree的赋值问题。相关的知识,希望对你有一定的参考价值。
在修改页面的form表单中,使用form的load方法给组件赋值,但是combotree是异步加载的,只有根节点被渲染出来了,以下节点值还没有请求,所以load的时候把编码赋值到combotree中了,对应节点的中文没有翻译过来。除了使用load前全部展开树的方式实现(树太大的时候效率很低),还有什么方式可以实现。
参考技术A 第一步:建立一个全局js变量var addressName = '';
第二步:在load之后把节点值赋值到addressName
$('#address').combo('setText' , addressName);
onExpand:function()
$('#address').combo('setText' , addressName);
, 参考技术B 树太大的时候效率很低
这个在WEB中,是难以避免的
jQueryEasyUI
jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。
- 外文名
- jQueryEasyUI
- 定 义
- 基于jQuery的UI插件集合体
- 功 能
- 打造出功能丰富并且美观的UI界面
- 应用对象
- web开发者
jQuery EasyUI为提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,tree等等。
jQuery EasyUI是基于JQuery的一个前台ui界面的插件,功能相对没extjs强大,但页面也是相当好看的,同时页面支持各种themes以满足使用者对于页面不同风格的喜好。一些功能也足够开发者使用,相对于extjs更轻量。
jQuery EasyUI有以下特点:
2、为一些当前用于交互的js应用提供必要的功能
3、EasyUI支持两种渲染方式分别为javascript方式(如:$(‘#p‘).panel({...}))和html标记方式(如:class="easyui-panel")
4、支持HTML5(通过data-options属性)
5、开发产品时可节省时间和资源
6、简单,但很强大
7、支持扩展,可根据自己的需求扩展控件
8、目前各项不足正以版本递增的方式不断完善
jQuery EasyUI 提供了用于创建跨浏览器网页的完整的组件集合,包括功能强大的 datagrid(数据网格)、treegrid(树形表格)、 panel(面板)、combo(下拉组合)等等。 用户可以组合使用这些组件,也可以单独使用其中一个。
插件列表如下:
分类 | 插件 |
---|---|
Base(基础) |
|
Layout(布局) |
|
Menu(菜单)与 Button(按钮) |
|
Form(表单) |
|
Window(窗口) |
|
DataGrid(数据网格)与 Tree(树) |
|
datagrid |
$(‘#dg‘).datagrid(‘getSelected‘); 不带参数的方法,获取当前选中行。
$(‘#dg‘).datagrid(‘‘sort‘, ‘itemid‘); 带参数的方法,按照itemid 排序
|
datagrid |
$(‘#dg‘).datagrid({
onDblClickCell: function(index,field,value){
$(this).datagrid(‘beginEdit‘, index);
var ed = $(this).datagrid(‘getEditor‘, {index:index,field:field});
$(ed.target).focus();
}
}); 定义单元格双击事件 开启编辑。
|
以上是关于jqueryEasyui 异步 combotree的赋值问题。的主要内容,如果未能解决你的问题,请参考以下文章