数据回显时默认选中

在不久前的支付中遇到八个想不到的主题素材。尽管曾经被小编撤消但要么不知所从,决定记录一下,看看有未有大神能给自个儿答案。问题再一次现身:

 

是因为本人有4个combotree须要加载数据,可是小编又不想每趟开头化一个combotree就去拜见服务器加载一下多少,于是本身将加载数据经过写成这么

  

$.post('xxxurl',function{ $.combotree; $.combotree; $.combotree; $.combotree; 

组合树(combotree)把筛选控件和下拉树结合起来。它与组合框(combobox)相像,不相同的是把列表替换到树组件。组合树(combotree)支持带有用于多选的树状态复选框的树。

看起来没什么毛病,刷新分界面点开那些combotree树也能显得出来,不过,难点来了,当自己点击树的节点的时候,节点是选上了,但combo下边并未显示自个儿所接收的节点的称谓,这使本身很吸引。应该已经十分最初化过这一个控件了吧然后本身换到平时的开首化加载数据的艺术相比一下

依赖

数据回显时默认选中。combo , tree

$.combotree; 

用法

从标识创造组合树(combotree)。

  1. <select id=”cc” class=”easyui-combotree” style=”width:200px;”
  2.     data-options=”url:’get_data.php’,required:true”>
  3. </select>

应用 javascript 成立组合树(combotree)。

1.  <input id="cc" value="01">

1.  $('#cc').combotree({

2.      url: 'get_data.php',

3.      required: true

4.  });

事件和章程多数持续自combo和tree

 

 

像这种类型开始化却又有啥不可选上并出示。

Combotree回显数据私下认可选中艺术

谈到底小编决定换种加载格局:将$.combotree;改成$.combotree;这么就缓慢解决了早前现身的那么些选上但不出示你选了什么的难题了。

 

1.$(function(){

   $(‘#ct’).combotree({

   url:”$!{root}/work/sys/sysevnunit/json.do” ,

    onChange :function(){

         $val =  $(“#ct”).combotree(‘getValue’);

        $(“#_EnvUnitCode”).val($val);

      },

      onLoadSuccess:function(node,data){ 
$(“#ct”).combotree(‘setValue’,’$!{entity.EnvUnitCode}’);

      }

   });

}

2.

$(“#ct”).combotree({
url:’$!{root}/work/sys/sysevnunit/json.do’,
value:’$!{entity.EnvUnitCode}’,
onChange:function(newValue, oldValue){
$(“#area”).val(newValue);
}
});

 

以上两种办法亲测有效,查了好长期依旧要用到combotree的setValue方法进行赋值,只但是是要在onLoadSuccess那么些事件过后选用,不然数据还未加载达成找不到这么些节点。

Ps: $(“#ct”).combotree(‘setValue’,’$!{entity.EnvUnitCode}’)

此间的值是tree节点的id值。使用的是valocity模板回显数据

上述就是本文的全体内容,希望对大家的就学抱有助于,也期望大家多多指教脚本之家。

发表评论

电子邮件地址不会被公开。 必填项已用*标注