Jquery EasyUI Combotree 初始化赋值
================================
©Copyright 蕃薯耀 2018年5月7日
http://fanshuyao.iteye.com/
Jquery EasyUI Combotree 初始化赋值是在事件onLoadSuccess后,
使用xxx.combotree("setValue", cmm_code_id_value);给插件赋值,如下所示:
onLoadSuccess : function(node, data){ var cmm_code_id_value = "${buildingNaming.cmm_code_id}"; if(cmm_code_id_value != null && $.trim(cmm_code_id_value) != ""){ var comboObj = $("#cmm_code_id"); comboObj.combotree("setValue", cmm_code_id_value); } }
完整代码如下:
$("#cmm_code_id").combotree({ multiple: true, required : true, checkbox : true, onlyLeafCheck : true,//只能叶子节点才能勾选 url : "${pageContext.request.contextPath}/xxxxx", onBeforeSelect : function(node){ $(this).tree("check", node.target);//控制点击文字时也能勾选 return false; }, onBeforeCheck : function(node, checked){ if(checked){//如果是勾选操作,则把之前选中的节点清除(不勾选) var nodes = $(this).tree("getChecked"); if(nodes.length > 0){ for(var i=0; i<nodes.length; i++){ $(this).tree("uncheck", nodes[i].target); } } } }, onLoadSuccess : function(node, data){ var cmm_code_id_value = "${buildingNaming.cmm_code_id}"; if(cmm_code_id_value != null && $.trim(cmm_code_id_value) != ""){ var comboObj = $("#cmm_code_id"); comboObj.combotree("setValue", cmm_code_id_value); } } });
================================
©Copyright 蕃薯耀 2018年5月7日
http://fanshuyao.iteye.com/
相关推荐
在初始化datagrid时,需要设置数据源,这通常通过JSON格式的数据来完成。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也方便机器解析和生成。 在本Demo中,JSON数据扮演...
这个回调会在对话框内容加载完成后触发,确保此时所有的EasyUI组件都已经初始化完成。 总结一下,解决EasyUI对话框控件赋值问题的关键点有以下几点: 1. 赋值操作应在页面或组件加载后执行,通常是在`onLoad`事件...
这个函数主要负责初始化DataGrid,并动态设置其列。以下是对这段代码的逐行解释: 1. 定义一个空对象`$datagrid`,用于存储DataGrid的配置信息。 2. 设置DataGrid的基本属性,如标题、高度、宽度、默认排序字段及...
此外,示例代码中还展示了EasyUI Combobox在实际项目中的应用,例如如何在页面加载时根据后端数据(`@ViewBag`)进行初始化赋值,以及在按钮点击事件中获取Combobox的值并进行后续操作。在以下代码段中,`storeName_...
在 HTML 结构中,我们通常会有一个 `<div>` 元素作为树的容器,并通过 `class="easyui-tree"` 来初始化 Tree。 创建 EasyUI Tree 的基本步骤如下: 1. 引入必要的 CSS 和 JavaScript 文件: 在 HTML 文件头部,...
- `onLoadSuccess` 是数据加载成功后的回调函数,通常用于数据初始化,例如对下拉框的赋值。 2. **数据列表和格式化**: - `Styler` 可用于改变数据显示格式,例如将科学计数法转换为常规格式显示。例如,使用`...
这是在初始化combobox时的常用配置,它们分别用于定义combobox的值和显示的文本内容。 ```javascript <select class="easyui-combobox" panelHeight="auto" style="width:195px" data-options="required:true,...
这段代码定义了Combogrid编辑器的初始化、销毁、获取值、设置值和调整大小等方法,使得Combogrid可以在DataGrid的单元格中正常工作。 接下来,创建一个包含搜索框的div,用于输入查询条件,并通过`toolbar`属性将其...
接下来,使用JavaScript或jQuery来初始化这个下拉控件,并填充一周的选项。EasyUI提供了`combobox`组件来实现下拉框的功能,我们可以这样设置: ```javascript $(function(){ var weeks = ["2016年第1周", "2016年...