我是用的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;
}

关于jquery easyui treegrid的问题的更多相关文章

  1. Jquery easyui treegrid实现树形表格的行拖拽

    前几天修改了系统的一个功能——实现树形列列表的行拖拽,以达到排序的目的.现在基本上功能实现,现做一个简单的总结. 1.拿到这个直接网上搜,有好多,但是看了后都觉得不是太复杂就是些不是特别想看的例子,自 ...

  2. jQuery easyui treegrid无法传参到后台bugger一记

    $("#lTreegrid").treegrid("options").queryParams={id:123456,name:"Hai he&quo ...

  3. Jquery EasyUI Treegrid按需加载子集

    项目说明,要一个有权限并且按需加载的树形列表. jeasyui网址 CSS <!--添加树状控件--> <link rel="stylesheet" type=& ...

  4. JQuery EasyUI treegrid展开与折叠,以及数据加载两次的问题

    问题:做项目的时候遇到代码生成的页面,只默认展开了一级节点,每次操作之后刷新还要手动一级一级展开,太麻烦了 官方API:http://www.jeasyui.net/plugins/186.html ...

  5. (转)jquery easyui treegrid使用小结 (主要讲的是如何编辑easyui中的行信息包括添加 下拉列表等)

    在实际应用中可能会碰到不同的需求,比如会根据每行不同的参数或属性设置来设置同列不同的editor类型,这时原有的例子就显的有点太过简单,不能实现我们的需求,现在应用我在项目中的操作为例,显示下实现同列 ...

  6. jquery easyui treegrid使用小结

    在实际应用中可能会碰到不同的需求,比如会根据每行不同的参数或属性设置来设置同列不同的editor类型,这时原有的例子就显的有点太过简单,不能实现我们的需求,现在应用我在项目中的操作为例,显示下实现同列 ...

  7. Jquery EasyUI中treegrid的中右键菜单和一般按钮同时绑定事件时的怪异事件

    做个项目使用jquery  easyui来做前端,也许是对此不是很熟悉,总是发现一些不可理解的事件. 主要源代码如下: <script type="text/javascript&qu ...

  8. Jquery EasyUI中treegrid

    Jquery EasyUI中treegrid的中右键菜单和一般按钮同时绑定事件时的怪异事件 InChatter系统开源聊天模块前奏曲   最近在研究WCF,又因为工作中的项目需要,要为现有的系统增加一 ...

  9. 求助关于jquery easyUI中的treegrid组件,请各位帮忙给个思路,谢谢啦

    现在项目中用到jquery easyUI中的treegrid组件,已经可以正常显示了.但是在保存的时候遇到问题,页面上参照官网的例子可以在页面更新,但是怎么获取编辑后的数据进而保存到数据库呢?

随机推荐

  1. Node.js的简介和安装

    一.Node.js的简介和安装 a)       什么是Node.js? Node.js是一个开发平台 让JavaScript运行在服务器端的开发平台 ---简单点说就是用JavaScript写服务器 ...

  2. javascript笔记5-BOM

    Javascript应用的平台很多,不仅仅针对Web.在Web中使用Javascript,BOM(browser object model,浏览器对象模型)是核心. BOM提供了很多对象,用于访问浏览 ...

  3. yii2 ArrayHelper map 使用

    <不喜勿喷> 引用类 use yii\helpers\ArrayHelper; 源码中修改(尽量不要修改,可以研究下不修改的方式) 源码路径 查看数据 视图层 实现效果

  4. MySQL内置函数

    MySQL中的内置系统函数 用在SELECT语句,以及字句where  order by   having 中UPDTE   DELETE 函数中可以将字段名作为变量来用,变量的值就是这个列对应的每一 ...

  5. 破解 Splish

    系统 : Windows xp 程序 : Splish 程序下载地址 :http://pan.baidu.com/s/1o6SA25k 要求 : 注册机编写 & 找出硬编码 使用工具 : OD ...

  6. 【转】SQL SERVER日志满或过大的处理方法

    原文转自:http://blog.chinaunix.net/uid-7953959-id-2543262.html 事务日志文件Transaction Log File是用来记录数据库更新情况的文件 ...

  7. 博客Mac桌面编辑器-cnblogs

    Mac篇 公司的机器内存只有8G,不想再大动干戈为了Windows Live Writer装个Vmware了,谷歌娘讲MarsEdit不错,那就试试用这个写个试用贴呗   就是这货了,果然是火星来的, ...

  8. java项目上各种小问题

    md,出现好几次这种问题,还得上百度? 以此为证,再出现这种问题我就不信想不起来怎么解决!!!----清除不存在jar包 ok,第二个问题: 每个类上有无数个红叉,然而代码并没有问题 解决方案:run ...

  9. fedora22多媒体编码

    sudo dnf install gstreamer-plugins-bad gstreamer-plugins-bad-free-extras gstreamer-plugins-ugly gstr ...

  10. tyvj1011 - 传纸条 ——DP

    题目链接:https://www.tyvj.cn/Problem_Show.aspx?id=1011 状态转移方程: f[k,x1,x2] = max(f[k-1,x1,x2],f[k-1,x1-1, ...