找回密码
 立即注册

QQ登录

只需一步,快速开始

Tracy.Liu 讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2018-11-20 19:41  /   查看:5203  /  回复:0
本帖最后由 Tracy.Liu 于 2018-11-20 19:43 编辑

之前我们有做过一个教程帖,告诉大家如何修改登录用户下拉的文字内容。
现在有格友又有了新的需求,只想在登录用户的下拉框中显示登出功能,不要修改用户信息和用户密码。

也就是这个效果 ↓↓↓
image.png726154784.png

这个呢,需要一些代码来实现,不过您放心,不用您来写,我们已经为您写好啦~您只需要复制粘贴即可~

具体操作步骤如下:
(注:通常情况下,登录用户单元格是放在母版页中使用的,所以这里实现的也是母版页中登录按钮下拉只显示登出用户的效果)

1.在母版页中放置一个登录用户类型的单元格,起名currentUser。
    image.png200187071.png

2.在 文件——设置——自定义JavaScript/CSS 中添加一个js文件,并将以下代码粘贴到这个文件中。
  1. Forguncy.Page.bind(Forguncy.PageEvents.PageDefaultDataLoaded, null, function () {
  2.     if (Forguncy.Page.getMasterPageName() === "母版页1") {
  3.         var items = $("[fgcname=currentUser]").find(".dropdown-menu").children();
  4.         $(items[0]).css("display", "none");
  5.         $(items[1]).css("display", "none");
  6.     }
  7. }, "*");
复制代码

image.png803468322.png

3.给某页面添加含有登录用户单元格的母版页,运行即可看到效果。

工程文件 及 js文件见附件。





Script.js

364 Bytes, 下载次数: 354

登录用户单元格只显示退出.fgcc

517.87 KB, 下载次数: 397

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部