Giter Club home page Giter Club logo

layui-authtree's Introduction

Welcome to my GitHub profile!!

👋 Hi there, I'm Jeffrey, a web full-stack developer with experience in deep learning, web3, front-end, back-end, web3d, etc...

💖 I'm passionate about exploring cutting-edge technologies and building innovative digital experiences.

📚 Check out my blog at A tower of nine stories(write by 🇨🇳).

📫 You can reach me by: ✉️ Email:[email protected]

📈 My GitHub Stats

Note: Top Languages section on my GitHub profile does not necessarily reflect my level of proficiency in each language.

Jeffrey's GitHub Stats

Jeffrey's Top Langs

🔥 My favorite open source projects

layui-authtree's People

Contributors

lpf950929 avatar wangerzi avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

layui-authtree's Issues

关于prefixChildStr的层级

image
用户管理下的权限与其平级,不是很能直观表现其上下级关系。
建议修改authtree.js291行,
image
修改后的效果为
image

全选和全不选在火狐浏览器控制台报错

// 自动刷新多选框半选状态
autoNodeRender: function(dst) {
var tree = this.getRenderedInfo(dst);
var opt = tree.opt;
if (opt.halfchoose) {
this._nodeRenderByParent($(dst).find('.auth-single'))
}
document.styleSheets[0].addRule(dst + ' .layui-icon-ok:before', 'content: '+this.checkedIconContent)
},

火狐浏览器不兼容 document.styleSheets[0].addRule 的写法。

修改为如下方式即可兼容火狐浏览器对样式的修改。
// 自动刷新多选框半选状态
autoNodeRender: function(dst) {
var tree = this.getRenderedInfo(dst);
var opt = tree.opt;
if (opt.halfchoose) {
this._nodeRenderByParent($(dst).find('.auth-single'))
}
try{
document.styleSheets[0].addRule(dst + ' .layui-icon-ok:before', 'content: '+this.checkedIconContent)
}catch(e){
var rule=dst + ' .layui-icon-ok:before{content: '+this.checkedIconContent+"}";
var index=document.styleSheets[0].cssRules.length;
document.styleSheets[0].insertRule(rule, index);
}
},

在不选中任何兄弟节点情况下,取消全选失败!

在不选中任何兄弟节点情况下,单独选中一个根节点,然后接着取消,改节点下面的所有节点不会取消选中状态,并且Console中报错:

jquery-3.3.1.min.js:2 Uncaught RangeError: Maximum call stack size exceeded
at Function.get [Symbol.species] (<anonymous>)
at Array.concat (<anonymous>)
at Function.map (jquery-3.3.1.min.js:2)
at w.fn.init.w.fn.(anonymous function) [as parent] (http://127.0.0.1:8080/common/js/jquery-3.3.1.min.js:2:26996)
at Object._autoclose (authtree.js?v=1539173846283:134)
at Object._autoclose (authtree.js?v=1539173846283:139)
at Object._autoclose (authtree.js?v=1539173846283:139)
at Object._autoclose (authtree.js?v=1539173846283:139)
at Object._autoclose (authtree.js?v=1539173846283:139)
at Object._autoclose (authtree.js?v=1539173846283:139)

不知是我环境的问题还是什么,下面这行代码注释掉一切正常,只是可能不能自动收回下一级节点。

this._autoclose(authStatus);

Google Chrome 已是最新版本
版本 69.0.3497.100(正式版本) (64 位)

没用其他浏览器测试。

其他的都很棒!感谢。

用layer(type=1)的弹出层,样式问题。

用layer(type =1)的时候 不设定宽高加载正常,设定宽高后 area: ['600px', '320px'], 再打开树形菜单就会出现,第一个节点和第二个节点 中间相差距离很大。

测试

hi:
How to implement batch subscription variables,
I can only subscribe to a single variable now.
If I want to batch subscribe,
I need to make a circular call to the subscription method in the method.
public void subscription() { try { for (int i=1;i<=200;i++) { opcUaOperationSupport.createSubscription(i,""Pin01"."SinaPos"["+i+"]"+"."+""Vel""); } } catch (Exception e) { log.error("error" + e.getMessage()); } }
public void createSubscription(Integer index, String param) { try { OpcUaClient client = ClientGen.opcUaClient; client.connect().get(); UaSubscription subscription = client.getSubscriptionManager().createSubscription(1000.0).get(); MonitoringParameters parameters = new MonitoringParameters( uint(1), 1000.0, null, uint(10), true ); List items = new ArrayList<>(); NodeId nodeId = new NodeId(index, param); ReadValueId readValueId = new ReadValueId(nodeId, AttributeId.Value.uid(), null, null); MonitoredItemCreateRequest request = new MonitoredItemCreateRequest(readValueId, MonitoringMode.Reporting, parameters); List requests = new ArrayList<>(); requests.add(request); Map<String, Object> s1 = new HashMap<>(); BiConsumer<UaMonitoredItem, Integer> onItemCreated = (item, id) -> { item.setValueConsumer((item1, value) -> { log.info("Subscribe params: item={}, value={}", item1.getReadValueId().getNodeId(), value.getValue()); }); }; items = subscription.createMonitoredItems( TimestampsToReturn.Both, newArrayList(request), onItemCreated ).get(); for (UaMonitoredItem item : items) { if (item.getStatusCode().isGood()) { log.info("success nodeId={}", item.getReadValueId().getNodeId()); } else { log.warn("errornodeId={} (status={})", item.getReadValueId().getNodeId(), item.getStatusCode()); } } } catch (Exception e) { log.error("error"+e.getMessage()); } }

关于数据回显

回显后,子节点勾上但是父节点没有自动勾选。然后想请问一下,如果点击全选时,全部节点自动勾上,反选则取消全选?如何点击已选择按钮时,只显示已选择的权限。还有点击未选择的,可以显示没有选中的节点。

官方的demo问题

从官方原封不动的拿demo也来跑,tree目录没有显示出来,F12进进去,success(data)是有数据的。

数据源接口建议

建议使用类似ztree数组结构,tree.json里是嵌套接口,后台一般数据库查询返回的都是List,还需要在后台单独写递归循环组装成嵌套接口,模块多的话,很费事

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.