关于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;
}
关于jquery easyui treegrid的问题的更多相关文章
- Jquery easyui treegrid实现树形表格的行拖拽
前几天修改了系统的一个功能——实现树形列列表的行拖拽,以达到排序的目的.现在基本上功能实现,现做一个简单的总结. 1.拿到这个直接网上搜,有好多,但是看了后都觉得不是太复杂就是些不是特别想看的例子,自 ...
- jQuery easyui treegrid无法传参到后台bugger一记
$("#lTreegrid").treegrid("options").queryParams={id:123456,name:"Hai he&quo ...
- Jquery EasyUI Treegrid按需加载子集
项目说明,要一个有权限并且按需加载的树形列表. jeasyui网址 CSS <!--添加树状控件--> <link rel="stylesheet" type=& ...
- JQuery EasyUI treegrid展开与折叠,以及数据加载两次的问题
问题:做项目的时候遇到代码生成的页面,只默认展开了一级节点,每次操作之后刷新还要手动一级一级展开,太麻烦了 官方API:http://www.jeasyui.net/plugins/186.html ...
- (转)jquery easyui treegrid使用小结 (主要讲的是如何编辑easyui中的行信息包括添加 下拉列表等)
在实际应用中可能会碰到不同的需求,比如会根据每行不同的参数或属性设置来设置同列不同的editor类型,这时原有的例子就显的有点太过简单,不能实现我们的需求,现在应用我在项目中的操作为例,显示下实现同列 ...
- jquery easyui treegrid使用小结
在实际应用中可能会碰到不同的需求,比如会根据每行不同的参数或属性设置来设置同列不同的editor类型,这时原有的例子就显的有点太过简单,不能实现我们的需求,现在应用我在项目中的操作为例,显示下实现同列 ...
- Jquery EasyUI中treegrid的中右键菜单和一般按钮同时绑定事件时的怪异事件
做个项目使用jquery easyui来做前端,也许是对此不是很熟悉,总是发现一些不可理解的事件. 主要源代码如下: <script type="text/javascript&qu ...
- Jquery EasyUI中treegrid
Jquery EasyUI中treegrid的中右键菜单和一般按钮同时绑定事件时的怪异事件 InChatter系统开源聊天模块前奏曲 最近在研究WCF,又因为工作中的项目需要,要为现有的系统增加一 ...
- 求助关于jquery easyUI中的treegrid组件,请各位帮忙给个思路,谢谢啦
现在项目中用到jquery easyUI中的treegrid组件,已经可以正常显示了.但是在保存的时候遇到问题,页面上参照官网的例子可以在页面更新,但是怎么获取编辑后的数据进而保存到数据库呢?
随机推荐
- 极客DIY:廉价电视棒玩转GNSS-SDR,实现GPS实时定位
0×00 前言 GNSS是Global Navigation Satellite System的缩写.中文称作:全球卫星导航系统.全球导航卫星系统. GNSS泛指所有的卫星导航系统,包括全球的.区域的 ...
- 解决:HotSeat短信图标提醒有误
[操作步骤]正常收发短信.彩信. [测试结果]所有短信均已阅读,但在HOME界面的短信图标仍提示有一条短信未读.重启后仍存在. 经过分析,导致该情况的主要原因为当彩信已读的时候,launcher中进行 ...
- __set()与__get() 魔术方法
在面向对象编程的过程中,对于类当中的各个成员变量,都有不同的访问属性,比如公有的(public)属性,在类内部和类外部都可直接调用:而私有的(private)和受保护的(protected),在类外不 ...
- Ubuntu安装Fcitx(小企鹅五笔输入法)
安装配置如下: 1. 安装 fcitx sudo apt-get install fcitx 2. 配置默认输入法为 fcitx im-switch -s fcitx // 注意无须加 sudo 3. ...
- linux 下安装rsync
一.服务器端配置: 1.安装xinetd,并修改rsync相关配置 # yum -y install xinetd # vi /etc/xinetd.d/rsync 如下代码: service rsy ...
- 百度VS高德:LBS开发平台ios SDK对比评测
随着iPhone6手机的热销,目前的iOS应用开发市场也迎来了全盛时期.据了解,目前市面上已有的iOS应用基本覆盖了购物.上门服务.用车服务.娱乐等行业.而在这些iOS应用中,内置LBS服务的应用占大 ...
- XML JSON解析--基本功能
一,json的解析 json文件: {"code": "cn","cities": [{"name": " ...
- Squid Proxy Server 3.1
Improve the performance of your network using the caching and access control capabilitiess of squid. ...
- 【avalon源码】scpCompile
function noop() {} function scpCompile(array) { return Function.apply(noop, array) } // var fn = new ...
- 在SourceInsight中用快捷键打开文件所在的目录
创建一个Custom Command: ShellExecute open %d. 然后关联一个快捷键.