怎么写jquery easyui combotree 的onSelect事件，大侠们帮帮忙啊

Posted 2023-04-17

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎么写jquery easyui combotree 的onSelect事件，大侠们帮帮忙啊相关的知识，希望对你有一定的参考价值。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery EasyUI</title>
<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../themes/icon.css">
<script type="text/javascript" src="../jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../jquery.combotree.js"></script>
<script>
function reload()
$('#cc').combotree('reload');

function setValue()
$('#cc').combotree('setValue', 2);

function getValue()
var val = $('#cc').combotree('getValue');
alert(val);

function disable()
$('#cc').combotree('disable');

function enable()
$('#cc').combotree('enable');

$('#cc').combotree(
onSelect:function(node)
alert("dd");

)
</script>
</head>
<body>
<h1>ComboTree</h1>
<div style="margin-bottom:10px;">
<a href="#" onclick="reload()">reload</a>
<a href="#" onclick="setValue()">setValue</a>
<a href="#" onclick="getValue()">getValue</a>
<a href="#" onclick="disable()">disable</a>
<a href="#" onclick="enable()">enable</a>
</div>
<span>Select:</span>
<input id="cc" class="easyui-combotree" url="tree_data.json" value="2" required="true" style="width:200px;" >
<select id="ccClassTree" class="easyui-combotree" name="language" url="tree_data.json" multiple="true" cascadeCheck="false" style="width:200px;"></select>
</body>
</html>

参考技术A $('#cc').combotree(
onSelect:function(node)
alert("dd");

)
基本是这样了，但要页面加载后执行哇! 加上$(function()//...);

为了不混淆，html加个新的id吧 <input id="dd" style="width:200px;" ></input>
js:
$(function()
$('#dd').combotree(url:"tree_data.json",onSelect:function(node)alert(node.text););
);

参考资料：easyUi手册

jquery easyui js赋值后，但页面不显示，怎么刷新显示？

<body>
<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="displayDetail()">test</a>
<input id="productId" class="easyui-textbox" style="width:300px"/>
</body>
<script type ="text/javascript">
function displayDetail()

$("#productId").val("sadfsadf");

</script>
源码从 easyui-textbox 改为：easyui-validatebox 就可以了。为什么呢？

easyui是把你的html代码重新替换了，生成了一个隐藏的input，所以你$("#productId")获取到的也是那个隐藏的输入框，这样直接赋值容易导致错乱，他有提供赋值的方法的，用他的方法赋值。参考技术A 设置有那问题。
需要这么用
.textbox('setValue',"sgsdgsdgsdg");追问

textbox('setValue',"sgsdgsdgsdg"); 这么写报错大哥

追答

。。这是1.4的新组件，没用过呢，我看看怎么用去
不应该啊，我看了一下官网的api，有setValue方法，可以赋值操作
像它这种属于form的控件，用.val赋值一般都不好使，会被过滤掉。

参考技术B productId是不是被隐藏掉了，你看见的输入框并不是真实的productId，是经过包装的，建议看看easyui的api追问

跟了下，赋值成功了。