ASP.NET导航控件Demo
导航栏的头疼事，几乎每个搞后台界面的前端都遇到过。左边一棵导航树，是用 TreeView 控件，还是自己撸 JS？TreeView 看着太死板，JS 写多了又太烦。嗯，我当时也挺纠结，后来干脆把之前写的 JS 脚本封成了一个ASP.NET 服务器控件，样式灵活，功能还挺全，省心多了。
样式方面，你可以自己写 CSS，想扁平化还是拟物风都随你。结构呢，后台写死的 Tree 就行，数据多的话支持动态加载。交互也是用纯 JS 实现的，响应也快，不用担心兼容性的问题。
如果你还在为导航栏发愁，可以看看我当时参考过的几个例子。有纯 JS 的，比如JavaScript Treeview Demo，也有 VB 和 C#写控件的思路，思路都挺不错。要做漂亮点的界面，可以参考这个Treeview 导航界面设计，风格比较有参考价值。
实用建议：如果你打算封装成控件，记得把事件也抽出来，比如onClick、onExpand这些，不然每次改起来挺麻烦。另外别忘了给每个节点加data-id，做增删改查时好用得。
如果你也想少写点 JS，又不想牺牲界面效果，可以试试这种封装控件的思路，开发效率提高不少，维护也轻松。
...
文件大小：106.15KB
评论区