关于jquery easyui treegrid的问题
我是用的django web开发架构;
想实现如下功能:

点击checkbox时,能获取该checkbox的值;
代码如下:
<tr>
<th field="name" width="160px">组织架构</th>
{% for cap in caps_list %}
<th field="{{ cap.rightname }}" width="100px" formatter='formatCheckbox'>{{ cap.rightname }}</th>
{% endfor %}
<th field='depid' hidden width="100px">部门ID</th>
<th field='uid' hidden width="100px">用户ID</th>
<th field='rightvalue' hidden width="100px">权限值</th>
<script>
function setvalue(value,id){
var ret = $(this).attr('checked') ? 1: 0;
alert(ret?'checked':'not checked');
$('#setcaps_usertree').treegrid('select',id);
var node = $('#setcaps_usertree').treegrid('getSelected');
var opts = $('#setcaps_usertree').treegrid('getColumnFields');
alert(opts);
if (ret){
$(this).attr('checked',false);
node.rightvalue -= value;
} else {
$(this).attr('checked',true);
node.rightvalue += value;
}
alert(node.rightvalue);
}
function formatCheckbox(value,rec){
//var id = $(this).attr('field');
//var index = $('#setcaps_usertree').treegrid('getRowIndex',rec);
var a = "<input type='checkbox' onclick='setvalue("+value+","+rec.id+");'/>";
//alert(a);
return a;
}
</script>
</tr>
目前,这个实现有点问题,就是所有field都共用一个input元素,导致每次取checkbox是否checked时,是累积的;预期的功能是:每个input元素只表示这个treegrid中的一列,而不是表示所有的列;
已经解决;
因为input的标识是name,所以为input元素加一个name属性,
function setvalue(value,id){
var ret = $('#rightcheckbox').attr('checked') ? 1: 0;
//alert(ret?'checked':'not checked');
$('#setcaps_usertree').treegrid('select',id);
var node = $('#setcaps_usertree').treegrid('getSelected');
var opts = $('#setcaps_usertree').treegrid('getColumnFields');
//alert(opts);
if (ret){
$(this).attr('checked',false);
node.rightvalue -= value;
} else {
$(this).attr('checked',true);
node.rightvalue += value;
}
alert(node.rightvalue);
}
function formatCheckbox(value,rec){
//var id = $(this).attr('field');
//var index = $('#setcaps_usertree').treegrid('getRowIndex',rec);
var a = "<input name='rightcheckbox' type='checkbox' onclick='setvalue("+value+","+rec.id+");'/>";
//alert(a);
return a;
}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!