正文 

当前位置： 首页 > 知识 >

如何将服务器端和客户端的 tabview 组件与 jsf 匹配？

     2023-05-08     199

关键词：

【中文标题】如何将服务器端和客户端的 tabview 组件与 jsf 匹配？【英文标题】：How to matching tabview component in server and client side with jsf? 【发布时间】：2012-11-02 17:16:42 【问题描述】：

我有两个问题如下；

我的页面左侧有一个菜单和子菜单，页面中心有一个 Tabview。当单击 menuItem 时，我使用 javascript 动态地将选项卡添加到 tabview 但我无法从支持 bean 中获取 tabview 的选项卡。在添加 javascript 之前，我只能阅读第一个选项卡。 所以我想在服务器端和客户端同步匹配tabview。

我该怎么做？

第二个； 当我关闭选项卡时，我在 onTabClos​​e 方法中使用 TabClos​​eEvent 但事件始终为空。可能会通过将 tabview 与服务器和客户端匹配来解决 我不知道。

代码如下。

请给我建议。

谢谢..

xhtml 代码： 

<p:menuitem value="#itemMenu.menuAck" 
            action="#MenuBean.OpenPage(itemMenu.pageName)" 
            ajax="true"
            oncomplete="handleTabViewEvent(args);" />

<script type="text/javascript">
   function handleTabViewEvent(args) 
       alert('Add tab here..');
    
</script>

bean 代码：

public void OpenPage(String pageName) 
     String s = "Divert to handleTabViewEvent function";


public void onTabClose(TabCloseEvent event)   
     FacesContext context = FacesContext.getCurrentInstance();
     TabView tw = (TabView)context.getViewRoot().findComponent("centerForm:tw");
     String s = "I must delete tab here from tw which closed. 
                 But event does not give me tab information. It is always null. And tw has old values";

【问题讨论】：

如果您通过 javaScript 在客户端添加一个组件，那么在服务器端不可用是有意义的。您到底想从该选项卡中的 serverSide 访问什么？ 一般思路 您可以使用隐藏输入，使用新选项卡名称填充它，而不是 process 它使用 ajax 到服务器（在服务器上使用它来生成新的选项卡）并更新选项卡容器 我想用 javascript 添加一个标签，但是如果用户再次点击相同的菜单，它不应该添加相同的标签。我在会话中保留打开的选项卡，但是当用户关闭选项卡时，我无法获取已关闭的选项卡信息。我必须从会话中删除此选项卡。如何在 javascript 中清除会话？ 如果您只是想避免重复打开选项卡，您可以在客户端进行 :) 设置一些 cookie 并在您想要添加/不添加选项卡时检查它们的值。 【参考方案1】：

我用 javascript 动态地将标签添加到 tabview

首先这是完全错误的。

您需要使用 JSF 而不是 JS 添加选项卡。现在 JSF 完全不知道更改的客户端状态，并且永远不会知道新选项卡。任何解决方法最终都只会比仅通过 JSF 而不是 JS 来实现更丑陋且更难维护。

另见：

How to add button for adding new tabs near last tab? What is the need of JSF, when UI can be achieved from CSS, HTML, JavaScript, jQuery?

【讨论】：

感谢我的朋友，我在服务器端添加了标签，但是当刷新或回发页面时，标签（页面）的所有内容都很清晰，所以我使用了 javascript。 您应该只使用了正确的 bean 范围。另请参阅第一个“另请参阅”链接，了解类似方法的具体示例。

基于signalr的服务端和客户端通讯处理(代码片段)

...技术问题。SignalR将整个信息的交换封装起来，客户端和服务器都是使用JSON来沟通的，在服务端声明的所有Hub信息，都会生成JavaScript输出到客户端，.NET则依赖Proxy来生成代理对象，而Proxy的内部则是将JSON转换成对象。RPCRPC(RemotePr... 查看详情

Next.js：如何将仅外部客户端的 React 组件动态导入到开发的服务器端渲染应用程序中？

...Next.js：如何将仅外部客户端的React组件动态导入到开发的服务器端渲染应用程序中？【英文标题】：Next.js:Howtodynamicallyimportexternalclient-sideonlyReactcomponentsintoServer-Side-Renderingappsdeveloped?【发布时间】：2019-01-1615:52:33【问题描述】：... 查看详情

服务端和客户端的 Package.json

...【发布时间】：2018-02-0508:22:28【问题描述】：我想从我的服务器端package.json为客户端安装package.json，因为服务器端使用节点，客户端使用angular2目录结构server-app--bin--node_modules--package.json--client-app--app-- 查看详情

SQL Server 后端和 Access 前端 - 与 SQL Server 本机客户端的 ODBC 连接失败

】SQLServer后端和Access前端-与SQLServer本机客户端的ODBC连接失败【英文标题】：SQLServerbackendandAccessfrontend-ODBCConnectiontoSQLServernativeclientfailed【发布时间】：2014-03-1813:36:46【问题描述】：我有一个SQLServer2008数据库作为后端，Access作为... 查看详情

oracle的服务器端和客户端同时安装sqlplus无法登陆的处理

现象：1.在Server2012安装完数据库，可正常登陆，服务器认证如下正常2.可是安装完客户端后，Sqlplus无法登陆，如下报错2、问题解决自己分析原因：应该是环境变量中自动调用的oracle客户端的可执行程序，而我们想调用的是oracle... 查看详情

用于描述表单和验证表单的服务器端和客户端的 javascript 框架？

】用于描述表单和验证表单的服务器端和客户端的javascript框架？【英文标题】：Ajavascriptframework,bothserver-sideandclient-side,fordescribingformsandvalidatingthem?【发布时间】：2014-04-2307:12:17【问题描述】：是否有用于描述高级表单和验证它... 查看详情

svn客户端的安装与配置

127.0.0.1这个IP地址代表连接本机，其实https://127.0.0.1:443/svn/Test/和https://ZhongZhenhua-PC/svn/Test/是一样的，因为我这里SVN的服务器端和客户端是在同一台机器上，所以可以有两种服务器端URL的写法     查看详情

将服务器端和客户端身份验证与 WebAPI 相结合

】将服务器端和客户端身份验证与WebAPI相结合【英文标题】：Combineserver-sideandclient-sideauthenticationwithWebAPI【发布时间】：2017-10-2805:37:27【问题描述】：我有一个旧的ASP.NETwebforms应用程序，用户通过在服务器端处理的表单登录。如... 查看详情

配置puppet的主机端和客户端的自动认证

配置puppet的主机端和客户端的自动认证author：headsen chen  2017-11-01 17:44:56个人原创，转载请注明作者，出处，否则依法追究法律责任1，先在主机端和客户端都做好前期环境准备和安装好puppet。2，客户端配置：[[email&... 查看详情

为啥在服务器端和客户端调用 recv 和 send 函数时都使用客户端的文件描述符？

】为啥在服务器端和客户端调用recv和send函数时都使用客户端的文件描述符？【英文标题】：Whyistheclient\'sfiledescriptorusedwhilecallingtherecvandsendfuntionsonbothserverandclientsides?为什么在服务器端和客户端调用recv和send函数时都使用客户端... 查看详情

rhel-7.2系统kerberos验证的nfs服务端和客户端的配置

关于NFS在RHEL7.2系统上配置（与7.0是有一点区别的）首先你得确认，你考试的system1和system2的操作系统版本，如果是7.2就按照以下步骤去完成，否则按照视频的解题步骤#cat/etc/redhat-releaseRedHatEnterpriseLinuxServerrelease7.2(Maipo) <----... 查看详情

c#udp聊天程序，关于服务端和客户端的功能！急！！！！

我做的是UDP的通信，目前开发基于局域网的一个服务器，多个客户端，如何实现客户端和客户端之间的通信！！这个问题请具体回答些，类似QQ，它的客户之间传递信息的原理是什么！！QQ以前的客户端之间传递可能是P2P的，尤... 查看详情

openssh服务器端和客户端的配置及应用

做运维的过程中，远程连接是非常实用并且常用的的操作，而在众多的远程连接工具中，openssl工具的运用是相当广泛的，所以今天就给大家单独分享一下，关于这一块的一些知识，当然这是做好运维的必须掌握的，所以大家务... 查看详情

如何使用openssl创建证书

...二级CA私钥与证书：（假如有两个二级CA，分别负责管理服务器端和客户端证书）3.1先生成ServerCA私钥--》使用私钥生成CSR--》使用根证书签名生成二级证书。用来给服务器证书签名。3.2先生成ClientCA私钥--》使用私钥生成CSR--》使... 查看详情

如何将客户端的数据存储在服务器中

】如何将客户端的数据存储在服务器中【英文标题】：howtostoreclient\'sdataintheserver【发布时间】：2020-10-1217:48:35【问题描述】：当客户端登录时，该客户端的数据会存储在服务器中以供进一步使用，但是当新客户端登录时，旧客... 查看详情

SignalR：服务器如何建立与客户端的连接？

】SignalR：服务器如何建立与客户端的连接？【英文标题】：SignalR:howServercanestablishconnectiontoClient?【发布时间】：2017-05-1110:43:18【问题描述】：有没有可能实现这种逻辑：服务器与客户端建立连接。那么客户端使用这个连接向服... 查看详情

如何确定与 SignalR 客户端的服务器断开连接？

】如何确定与SignalR客户端的服务器断开连接？【英文标题】：HowtodetermineserverdisconnectionfromSignalRclient?【发布时间】：2012-02-2410:36:18【问题描述】：SignalRJavaScript客户端如何检测与服务器的连接何时丢失？【问题讨论】：你在asp.ne... 查看详情

http协议理解及服务端与客户端的设计实现(代码片段)

...者理解HTTP的协作原理、HTTP相关的各层协议，在服务端和客户端的架构设计和一些优化的技巧，本文中主要讲述逻辑思想和协议远离，会使用部分Java代码，但会有详细的讲解ÿ 查看详情