 Show Posts
|
|
Pages: 1 [2]
|
|
25
|
General Category / EasyUI for jQuery / Re: Find Tree Node by Name
|
on: July 11, 2018, 07:01:16 AM
|
[SOLVED] Thanks stworthy! For others and future reference, here is a function that returns a tree node's element using the node's text: /**
*Retrieve tree node element using node list item <li> text
*
* @param {easyUI.Tree} tree easyUI tree object
* @param {string} nodeText list item <li> text of desired node
*
* @return {element} the tree node <li> element
*/
function getNodeByText(tree, nodeText) {
var mynode = null;
var roots = tree.tree('getRoots');
$.easyui.forEach(roots, true, function (node) {
if (node.text == nodeText) {
mynode = node;
return false;
}
});
return $('#' + mynode.domId);
}; |
|
|
|
|
26
|
General Category / EasyUI for jQuery / [SOLVED] Find Tree Node by Name
|
on: July 10, 2018, 09:56:08 AM
|
I'm using a simple list (ul) for the nodes of my tree. Can someone tell me how to search or find a specific node using only the list item's text? Ultimately I want to check/uncheck a checkbox node using code. So for example, if I had a checkbox tree that listed colors, I could (using code) check nodes 'red' and 'yellow'.  |
|
|
|
|
27
|
General Category / EasyUI for jQuery / Three Collapsible Panels (Columns)
|
on: August 17, 2017, 06:04:36 AM
|
|
I'm trying to build a layout that contains three collapsible (or closable) panels. I want the open panels to automatically resize (and fill) the container. Using a layout container the east and west regions collapse, but not the center; if I close the center the east and west regions don't auto fill the center area. Any suggestions on how I can accomplish a collapsible 3-column layout with auto resize/fill?
|
|
|
|
|
28
|
General Category / EasyUI for jQuery / [SOLVED] Inner Nested Layouts
|
on: August 16, 2017, 05:37:12 AM
|
Inner nested (child) layouts don't seem to collapse and resize like a parent layout. In my case I would like the map east and west regions to be collapsible and resizable. I am new to EasyUI so I might be misunderstanding something basic, any suggestions? <body>
<div id="rootLayout" class="easyui-layout" data-options="fit:true">
<div data-options="region:'north'" style="height:50px;padding:10px 10px">
<a id="mapToggle" class="easyui-linkbutton" data-options="toggle:true,selected:true" style="width:80px">Map</a>
<a id="timeToggle" class="easyui-linkbutton" data-options="toggle:true,selected:true" style="width:80px">Time</a>
<a id="messageToggle" class="easyui-linkbutton" data-options="toggle:true" style="width:80px">Messages</a>
<a id="userMenu" class="easyui-menubutton" data-options="menu:'#mm1'" style="width:80px;float:right">Menu</a>
</div>
<div id="mapPanel" data-options="region:'west',split:true" style="width:50%">
<div id="mapLayout" class="easyui-layout" data-options="fit:true">
<div data-options="region:'west',collapsible:true" style="width:180px;">map west</div>
<div data-options="region:'center'" >map center</div>
<div data-options="region:'south'" >map south</div>
<div data-options="region:'east',collapsible:true" style="width:180px;">map east</div>
</div>
</div>
<div id="timePanel" data-options="region:'center'" style="width:50%">
<div id="timeLayout" class="easyui-layout" data-options="fit:true">
<div data-options="region:'west',split:true,collapsible:true" style="width:180px;"></div>
<div data-options="region:'center'" ></div>
<div data-options="region:'south'" ></div>
<div data-options="region:'east',split:true,collapsible:true" style="width:180px;"></div>
</div>
</div>
<div id="messagePanel" data-options="region:'east',split:true,closed:true">
Right Content
</div>
</div>
<!--User Menu-->
<div id="mm1" style="width:100px;">
<div>Load</div>
<div>Save</div>
<div>Login</div>
<div>About</div>
</div>
<!--************************************************ Begin Javascript Includes ******************************************************-->
<!--JavaScript Reference Libraries-->
<script src="./libs/easyui/jquery.easyui.min.js"></script>
</body> |
|
|
|
|
