bootstrap-table树形结构(睁开和折叠)

访客4年前关于黑客接单820

今天在事情的时刻,遇到了一个需求,就是需要一键睁开或者关闭树形结构。关于树形结构的不是很熟悉,然后去百度,效果也不是很准确。最后经由Google才找到。下面分享给人人

直接看代码:

var flag = true; //开启照样关闭的标志位
function change_tree(target) {
	if(flag) {
		//$table.treegrid('getRootNodes').treegrid('expand');
		//$table.treegrid('getParentNode').treegrid('expand');
		$table.treegrid('expandAll');
		flag = !flag;
	} else {
		//$table.treegrid('getRootNodes').treegrid('collapse');
		//$table.treegrid('getParentNode').treegrid('collapse');
		$table.treegrid('collapseAll');
		flag = !flag;
	}
}

上面的是折叠,下面的是睁开。有一个标志位,每次执行差别的代码。


常用的设置项:

参数 类型 默认值 形貌
treeColumn Numeric 0 树中表格中的哪一列
initialState String expanded 初始化时树的状态
'expanded' - 所有节点都睁开
'collapsed' - 所有节点都折叠
saveState Boolean false 若是是true树的再次加载页面的时刻树的状态将保留
saveStateMethod String cookie 'cookie' - 保留cookie的状态
'hash' - 保留hash的状态
saveStateName String tree-grid-state 通过cookie或hash的名字来保留状态
expanderTemplate String <span></span> 点击HTML米素时将折叠或睁开分支
expanderExpandedClass String treegrid-expander-expanded 当它睁开的时刻可以使用扩展米素
expanderCollapsedClass String treegrid-expander-collapsed 当它折叠的时刻可以使用扩展米素
indentTemplate String <span></span> HTML米素将凭据深度嵌套节点做填充

相关文章

小孩流鼻血是什么原因(小孩流鼻血会是白血病)

在寒冷干燥的冬天,孩子流鼻血是很常见的。当这种情况发生时,一些父母总是让他们的孩子往后靠以止血,但他们不知道这是错的。流鼻血的孩子可以采取以下三个步骤合理解决问题。 第一步:压缩鼻子,保持头部前倾...

用自己的手机上别人的微信号,能恢复别人的聊天记录

    “众里寻他千百度,蓦然回首那人却在陌陌深处。”,当我们...

艾滋病前兆有哪些症状(艾滋病的初期症状有什么)

  艾滋病前兆有什么症状(HIV的主要症状有哪些)身患HIV这类病症大伙儿全是十分害怕的,由于这类病症是一种很严重的病症,并且也是一种没法痊愈的病症,因此这类病症是必须及时处理立即医治,那样才可以更强...

如何查询在酒店在宾馆和谁在一起的开房记录(偷偷查,发...

来源:菠萝的菠萝格 Welcome!各位ScriptKid,欢迎来到脚本世界。 今天忙了一天,比较累。不废话那么多了,切入正题。 这个“三无”后门的核心就是WMI中的永久事件消费者ActiveScri...

Ron Arad的扭转ToHA塔在特拉维夫接近完工

Ron Arad Architects公布了一座 扭曲的塔楼,底部狭窄但顶部变宽,是特拉维夫 ToHA办公楼的第一期建造。英国 - 以色列设计师罗恩阿拉德设计办公室,利用一个收缩的场地,通过扩建和旋转...

税收的本质和性质是同一概念(税收的含义及特征)

一、税收的含义税款是我国为考虑社会发展公共性必须,凭着公共权力,依照法律法规所要求的规范和程序流程,参加国民生产总值分派,强制性地、免费地获得财政总收入的一种方法。马克思主义强调:“地方税是政府部门设...