2017年8月 总版技术专家分月排行榜第一
2016年2月 总版技术专家分月排行榜第二2014年2月 总版技术专家分月排行榜第二2013年4月 总版技术专家分月排行榜第二
本帖子已过去太久远了，不再提供回复功能。easyui-tree自动勾选指定的节点checkbox(回绑数据)
&div class=&easyui-panel& style=&padding:5height: 840&&
&ul id=&myTree& class=&easyui-tree&&&/ul&
easyui-tree自动勾选指定的节点checkbox(回绑数据)
&script type=&text/javascript&&
//初始化tree,获取tree所有节点所有叶子，此时不勾选任何checkbox
function LoadTree() {
$(&#btn_FW_Edit&).show();
$(&#btn_FW_Save&).hide();
type: &GET&,
url: &/Rights/ExecutePermission/GetTreeJson&,
success: function (result) {
var myJson = eval('(' + result + ')');//格式化json，用以绑定tree控件
$(&#myTree&).tree({
data: myJson,
onlyLeafCheck: false,//仅叶子节点可以被选中
checkbox: false,//开启多选框
$(function () {
LoadTree();
$(function () {
$(&#btn_FW_Reload&).click(function () {
LoadTree();
//根据权限id来自动勾选tree节点
function CheckTree() {
$(&#btn_FW_Edit&).hide();
$(&#btn_FW_Save&).show();
$(&#myTree&).tree({
onlyLeafCheck: true,//仅叶子节点可以被选中
checkbox: true,//开启多选框
//先将回显数据全部清除（重点方法）
var root = $(&#myTree&).tree(&getRoot&);
$(&#myTree&).tree(&uncheck&, root.target);
//自动勾选tree节点
var rows = $(&#DataGrid&).datagrid(&getSelections&);
var id = rows[0].PermissionID;
url: &/Rights/ExecutePermission/BindTree&,
PermissionID: id,
success: function (data) {
for (x in data) {
var node = $(&#myTree&).tree(&find&, data[x].ControlID);//重点方法
$(&#myTree&).tree(&check&, node.target);
//tree编辑的按钮
$(function () {
$(&#btn_FW_Edit&).click(function () {
var rows = $(&#DataGrid&).datagrid(&getSelections&);
if (rows.length != 1) {
alert(&请左边列表中选择一个[权限]！&);
CheckTree();
//单击datagrid行事件
$(function () {
$(&#DataGrid&).datagrid({
onClickRow: function (index, row) {
var PermissionID = row.PermissionID;
if ($(&#divTabs&).tabs(&exists&, &设置&)) {
$(&#divTabs&).tabs(&select&, &设置&);
CheckTree();
//保存勾选的tree
$(function () {
$(&#btn_FW_Save&).click(
function () {
var rows = $(&#DataGrid&).datagrid(&getSelections&);
if (rows.length != 1) {
alert(&请左边列表中选择一个[权限]！&);
var id = rows[0].PermissionID;
var nodes = $(&#myTree&).tree(&getChecked&);//重点方法
var res_id = '';//获取选中的tree叶子的id值
for (var i = 0; i & nodes. i++) {
if (res_id != '') res_id += ',';
res_id += nodes[i].
url: &/Rights/ExecutePermission/SaveTree&,
PermissionID: id,
ControlID: res_id,
success: function (data) {
if (data == &OK&) {
alert(&修改成功!&);
LoadTree();
document.getElementById('frameExecute').contentWindow.location.reload(true);
alert(data);
easyui-tree自动勾选指定的节点checkbox(回绑数据)
本文已收录于以下专栏：
相关文章推荐
问题背景：
界面使用左侧tree，右侧datagrid的布局。
点击左侧的树节点，右侧显示当前节点下的数据，右侧操作完以后左侧树的数据会发生改变，所以左侧的树需要刷新（reload）。
刷新完以后，树...
数据源如果有布尔值，那么在UI里，最合适的控件应该就是checkbox了。
easyUI的datagrid中，列的checkbox酱紫设置：
[javascript] vi...
JQuery EasyUITreeWhithCheckbox
获取节点信息
在JQuery EasyUI 的官方文档中有关tree的介绍是这样的：树控件在web页面中一个将分层数据以树形结构进行显示。...
checkBox， 前几天做的列表展示，勾选checkBox来进行选择（其实我认为只点击某行，变色，就可以代表
选中了，只是万恶的测试不同意，只好增加checkBox。）。轻松实现。但是测试又提出要...
一个奇葩的问题，很早就遇到了，因为小华哥遇到了类似的问题，我怀疑是同一个原因所致，一试果然~~~
小华哥说，想实现一个这样的效果：如下图所示，根节点的checkbox隐藏掉。
我找了一下方...
ul id=&regionTree&&ul&
$('#regionTree').tree({
cascadeCheck: false,
1、逐级加载：逐级加载对于数据量比较大的tree，逐级加载可以有效的缓解服务器压力，提升用户体验。逐级加载发送的请求参数：当前节点id，该参数是客户端自动发送的；接收的响应数据：通过当前节点id，查询...
效果图：将tree节点拖动到指定的DIV中，结果显示节点的id和text
Drag Drop Tree Nodes - jQuery EasyUI Demo...
1、支持IE 和FireFox,不支持Opera
2、JavaScript代码来源dhtmlXTree(fancyTree)。树的节点是来源于xml文件(这个文件可以动态生成)。新增加了节点的链接功...
他的最新文章
讲师：汪剑
讲师：刘道宽
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)博客分类：
onLoadSuccess:function(data){
var rowData = data.
$.each(rowData,function(index,row){//遍历JSON
if(data.okflag==1){ //如果数据行为已选中则选中改行
//$("#dgSelectRoles").datagrid("selectRow", index);
$("#dgSelectRoles").datagrid("selectRecord", row.id);
浏览: 898460 次
来自: 北京
推荐另一种生成excel的方法。用pageoffice生成ex ...
java_zhenke 写道非常感谢楼主，但是为何我执行转换报 ...
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'jQuery EasyUI 教程
jQuery EasyUI 数据网格 - 添加复选框
本实例演示如何放置一个复选框列到数据网格（DataGrid）。通过复选框，用户将可以选择 选中/取消选中 网格行数据。
为了添加一个复选框列，我们仅仅需要添加一个列的 checkbox 属性，并设置它为 true。代码如下所示：
&&&&&table id="tt" title="Checkbox Select" class="easyui-datagrid" style="width:550height:250px"
&&&&&&&&&&&&url="data/datagrid_data.json"
&&&&&&&&&&&&idField="itemid" pagination="true"
&&&&&&&&&&&&iconCls="icon-save"&
&&&&&&&&&thead&
&&&&&&&&&&&&&tr&
&&&&&&&&&&&&&&&&&th field="ck" checkbox="true"&&/th&
&&&&&&&&&&&&&&&&&th field="itemid" width="80"&Item ID&/th&
&&&&&&&&&&&&&&&&&th field="productid" width="80"&Product ID&/th&
&&&&&&&&&&&&&&&&&th field="listprice" width="80" align="right"&List Price&/th&
&&&&&&&&&&&&&&&&&th field="unitcost" width="80" align="right"&Unit Cost&/th&
&&&&&&&&&&&&&&&&&th field="attr1" width="100"&Attribute&/th&
&&&&&&&&&&&&&&&&&th field="status" width="60" align="center"&Status&/th&
&&&&&&&&&&&&&/tr&
&&&&&&&&&/thead&
&&&&&/table&
以上代码添加了一个带有 checkbox 属性的列，所以它将成为复选框列。如果 idField 属性已设置，数据网格（DataGrid）的选择集合将在不同的页面保持。
下载 jQuery EasyUI 实例
记住登录状态
重复输入密码