GithubHelp home page GithubHelp logo

example's People

Contributors

albertknag avatar elvaweijiye avatar lianghrx avatar lyd-soton avatar varlinor avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

Forkers

dulumao

example's Issues

关于页面弹出元素管理的一种构想

现在遇到一种现象(一页式应用中),在A页面,弹出侧边栏后,点击B页面,再弹出侧边栏,两个侧边栏重叠,显得很难看,如果开启,点击侧边栏外,侧边栏消失,又会面对这样的问题:在侧边栏上弹出其他元素后,失焦造成侧边栏消失,无法继续编辑。
同时,还有一种场景,也要求侧边栏不应在点击侧边栏外其他位置时,收回侧边栏,描述如下:
我们在Demo中的代码编辑区编写内容,同时通过侧边栏查看api,又参照api,继续编写代码。

想远一点,如果我们的用户在进行富文本编辑时,调用多个侧边栏查看不同的数据报表,侧边栏中的图表可以直接拖拽入富文本区域中,此时需要进行多视窗操作(有点像在桌面应用中的效果),这时我们可以让侧边栏这种弹出元素实现最小化,然后在页面特定位置给出对于弹出元素组的管理,实现多面板的任意最小化、还原、给面板添加拖拽改变大小的句柄等等。

util控件中侧边栏中“关闭”btn的样式无法获取height

util.slidebar控件中,侧边栏中的“关闭”按钮无法正常获取高度,导致该按钮无法正常显示!
目前发现,错误显示后,重新调整页面大小,即可让该按钮获取到高度,因此推测,解决办法是,在侧边栏载入页面的回调中,获取模板(页面)的高度,然后resize侧边栏高度即可。

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.