如何在 jsf 页面中使用自定义 CKEditor?我在尝试实施它时遇到了很多麻烦。我做了什么:
test.xhtml 页面:
<script src="/ckeditor/ckeditor.js"></script>
<form>
<textarea name="editor1" id="editor1" rows="10" cols="80"/>
<script>
CKEDITOR.replace( 'editor1');
</script>
</form>
Run Code Online (Sandbox Code Playgroud)
不工作,只有一个标准的textarea。所以我将 src 更改为:
<script src="ckeditor/ckeditor.js"></script>
Run Code Online (Sandbox Code Playgroud)
它正在工作,但它不是我的自定义 CKEditor 构建,而是香草版本。
所以我使用了 h:OutputScript 标签。(我在同一个项目中有 2 个 ckEditor 文件夹,以方便在测试时访问):
<h:outputScript library="script/ckeditor" name="ckeditor.js"></h:outputScript>
Run Code Online (Sandbox Code Playgroud)
文本区域就消失了。我的 textarea 就消失了。它会找到脚本,因为如果我输入错误的脚本名称,我的 textarea 就会备份。
所以我删除了 CKeditor 文件夹......神奇的事情发生了:使用它时它仍然有效:
<script src="ckeditor/ckeditor.js"></script>
Run Code Online (Sandbox Code Playgroud)
我的项目中有零个 ckeditor.js 文件,但脚本正在运行。
然后我在 pom.xml 中尝试了 primefaces 扩展:
<dependency>
<groupId>org.primefaces.extensions</groupId>
<artifactId>primefaces-extensions</artifactId>
<version>3.1.0</version>
</dependency>
Run Code Online (Sandbox Code Playgroud)
这在 xhtml 中:
<pe:ckEditor id="editor" value="" checkDirtyInterval="0">
</pe:ckEditor>
Run Code Online (Sandbox Code Playgroud)
但结果又是标准的 html textarea 框。我怎样才能使用它?
我正在尝试使用javascript在selectOneMenu中预先选择用户所在的国家/地区.问题是当页面最初加载时,列表仍然在第一个元素上.但是,如果我单击箭头以展开列表,然后单击页面上的其他位置以使列表消失,则值是javascript设置的值.
<p:selectOneMenu styleClass="inputField selectOneMenuColored" required="true" editable="false" id="country" value="#{subscribeUser.user.countryBean}" converter="#{countriesConverter}" effect="fold">
<f:selectItems value="#{countriesConverter.countries}" var="country" itemLabel="#{country.shortName}" itemValue="#{country}" />
</p:selectOneMenu>
Run Code Online (Sandbox Code Playgroud)
和javascript:
<script language="JavaScript" src="http://www.geoplugin.net/javascript.gp" type="text/javascript"></script>
<h:body id="whole" onload="setSelectedIndex('form:country_input',geoplugin_countryName());">
...
function setSelectedIndex(menuId, val){
var menu = document.getElementById(menuId);
var opts = menu.options;
for( j = 0; j < opts.length; j++) {
if(opts[j].value == val) {
opts[j].selected= "true";
}
}
}
Run Code Online (Sandbox Code Playgroud) 我正在尝试复制这种菜单的感觉,但在制作不同选项卡的梯形形状时遇到了一些麻烦。我浏览了源代码,还在开发工具中一一删除了每个 css 属性,但我仍然没有弄清楚。我也尝试过
我做了一个JSFiddle试图复制它(目前没有梯形形状)。
<nav>
<ul>
<li class=" active"><a href="#">NEWS</a></li>
<li><a href="#">FORUM</a></li>
<li><a href="#"><span>TRUC</span></a></li>
<li><a href="#"><span>OTHERS</span></a></li>
</ul>
</nav>
nav{
background:white;
border-bottom: 2px solid #50bfff;
}
nav ul{
margin:0;
}
nav ul li{
display:inline-block;
}
nav a{
padding: 1rem;
color:#505050;
display:block;
text-decoration:none;
}
nav ul .active{
background:#50bfff;
}
Run Code Online (Sandbox Code Playgroud) 我刚刚从glassfish切换到wildfly 9,我想使用Eclipselink,因为它是我之前使用的.我在C:\wildfly-9.0.2.Final\modules\system\layers\base\org\eclipse\persistence\main文件夹中添加了eclipselink.jar .并做了以下
添加到module.xml:
<resource-root path="eclipselink.jar">
<filter>
<exclude path="javax/**" />
</filter>
Run Code Online (Sandbox Code Playgroud)
在persistence.xml中:
<provider>org.eclipse.persistence.jpa.PersistenceProvider</provider>
Run Code Online (Sandbox Code Playgroud)
错误:
16:53:17,021 WARN [org.jboss.modules] (ServerService Thread Pool -- 58) Failed to define class org.eclipse.persistence.jpa.rs.exceptions.JPARSExceptionMapper in Module "org.eclipse.persistence:main" from local module loader @45283ce2 (finder: local module finder @2077d4de (roots: C:\wildfly-9.0.2.Final\modules,C:\wildfly-9.0.2.Final\modules\system\layers\base)): java.lang.LinkageError: Failed to link org/eclipse/persistence/jpa/rs/exceptions/JPARSExceptionMapper (Module "org.eclipse.persistence:main" from local module loader @45283ce2 (finder: local module finder @2077d4de (roots: C:\wildfly-9.0.2.Final\modules,C:\wildfly-9.0.2.Final\modules\system\layers\base)))
at org.jboss.modules.ModuleClassLoader.defineClass(ModuleClassLoader.java:437)
at org.jboss.modules.ModuleClassLoader.loadClassLocal(ModuleClassLoader.java:269)
at org.jboss.modules.ModuleClassLoader$1.loadClassLocal(ModuleClassLoader.java:77)
at org.jboss.modules.Module.loadModuleClass(Module.java:560)
at org.jboss.modules.ModuleClassLoader.findClass(ModuleClassLoader.java:197)
at org.jboss.modules.ConcurrentClassLoader.performLoadClassUnchecked(ConcurrentClassLoader.java:455)
at org.jboss.modules.ConcurrentClassLoader.performLoadClassChecked(ConcurrentClassLoader.java:404)
at org.jboss.modules.ConcurrentClassLoader.performLoadClass(ConcurrentClassLoader.java:385)
at …Run Code Online (Sandbox Code Playgroud) 是否有TransactionAttributeType.NOT_SUPPORTED对每一个数据库查找方法是有道理的?如果没有执行更新,我没有看到附加实体的重点.
@TransactionAttribute(TransactionAttributeType.NOT_SUPPORTED)
pubic List<AnEntity> getListEntities(){
TypedQuery<AnEntity> query = em.createNamedQuery("AnEntity.myQuery",AnEntity.class);
return query.getResultList();
}
Run Code Online (Sandbox Code Playgroud)
它是否仍然在缓存中?
使用REQUIREDtranscation传播似乎唯一有用的时间是需要更新时:
@TransactionAttribute(TransactionAttributeType.REQUIRED)
public void editPersonName(Integer id, String newName){
AnEntity anEntity= em.find(AnEntity.class, id);
anEntity.setName(newName);
}
Run Code Online (Sandbox Code Playgroud)
除此之外,我并没有真正看到这一点.
在网络音频 api 中推送声音时,您可以设置声音以 开始的时间source.start(startTime);。不过我想知道这有多精确。我知道setTimeout()只需将要执行的代码放在事件队列中即可。我认为 Web 音频 api 也是这样做的,但这只是一个猜测。这样一来,他们两个之间就不会有什么区别了。
我尝试在播放声音之前运行一些长时间运行的进程,并且声音确实有延迟。
//...
source.start(startTime + 0.2);
//....
let i = 0;
while( i < 100000){
console.log("p" + i);
i++;
}
Run Code Online (Sandbox Code Playgroud)
网络音频 API 的setTimeout底层使用也是如此。如果是这样,我可以通过使用网络工作者让事情变得更加敏感吗?我知道网络工作者可以访问 setTimeout,但我不确定它是否可以访问网络音频 api。
来自文档:
音频工作人员提供了在网络工作人员上下文中进行直接脚本化音频处理的能力,并由几个接口定义(自 2014 年 8 月 29 日起新)。这些尚未在任何浏览器中实现
这仅解决了音频处理的问题,我不确定是否包括仅播放音频。
我有一个组件,subscribes到Observable从service.当observable发出其next值时,我的组件中会发生一些变化.奇怪的是,组件将根据next值的生成方式更新或不更新视图.如果我理解这一点,一些事件已经被角度2修补,以触发变化检测,而有些事件则没有.MIDI事件是那些没有(有点感觉)的事件之一.
如果服务查找单击事件以触发下一个值,则更改将反映在视图中.因此发生了变化检测.
如果服务查找键盘事件相同的事情,则发生更改检测.
但是,当服务使用MIDI事件时,不会发生更改检测.
这里有一些代码:
export class App {
arr = [
{id: 1, status: false},
{id: 2, status: false},
{id: 3, status: false}
];
thing = new Subject<boolean>();
constructor(private renderer: Renderer,
private ser:Ser,
private midi: MidiService) {}
ngOnInit(){
// listening to click events, will trigger change detection
this.renderer.listenGlobal('document', 'click', (event) => {
console.log("Left click", event);
this.thing.next(1);
});
this.thing.subscribe( v => this.toggle(v));
// my midi service events will …Run Code Online (Sandbox Code Playgroud) 我正在尝试为Winston的日志记录级别添加颜色。输出仍然没有颜色。
import { addColors , Logger, LoggerInstance, transports, AbstractConfigSet } from "winston";
let level = "debug";
const levels = {
debug: 0,
info: 1,
warn: 2,
error: 3
};
const colors = {
debug: 'blue',
info: 'green',
warn: 'yellow',
error: 'red'
};
export const log: LoggerInstance = new Logger({
transports: [ new transports.Console() ],
level,
levels
});
addColors(colors);
Run Code Online (Sandbox Code Playgroud) 我需要调用 api 并从端点获取所有项目。但是,我们一次只能获取 100 个项目。
响应如下所示:
{
elements: Array<any>,
totalCount: number,
}
Run Code Online (Sandbox Code Playgroud)
和端点将/api/items?drop=${drop}&take=100与drop被用来进行分页。
我认为这会涉及到 scan 和 takeWhile 操作符的某个地方..这是我得到的:
const subject = new Subject();
const rec = subject.pipe(
scan((acc: number, curr: number) => (curr + 100), 0),
switchMap(drop => this.http.get(`api/items?drop=${drop}&take=100`)),
takeWhile((r: any) => r.elements.length === 100),
tap(r => subject.next())
);
Run Code Online (Sandbox Code Playgroud) 我对 Angular 还很陌生,我正在尝试制作一个管道来从我的表格中过滤项目,但我不太确定如何去做。我试图只显示 EmpKey = empInfo[selectedEmployee].EmpKey 的表字段。任何帮助将不胜感激!提前致谢!
这是我的 tracker.component.html
<div class="row">
<div [ngClass]="{'col-xs-12':isHidden === true, 'col-xs-7': isHidden !== false}">
<button class="form-control" style="width:150px;" (click)="toggleSummary()">Open Summary</button>
<select id="empName" [(ngModel)]="selectedEmployee">
<option selected="selected" disabled>Employee Name...</option>
<option *ngFor="let emp of empInfo; let i = index" [ngValue]="i">{{i}} - {{emp.EmpID}}</option>
</select>
<select id="PTOtype">
<option selected="selected" disabled>Type of PTO...</option>
<option value="PTO">PTO</option>
<option value="ETO-Earned">ETO - Earned</option>
<option value="ETO-Used">ETO - Used</option>
<option value="STDLTD">STD/LTD</option>
<option value="Uncharged">Uncharged</option>
</select>
<button class="form-control" style="width: 150px;" (click)="nextEmployee()">Next</button>
<button class="form-control" style="width: 150px;" (click)="previousEmployee()">Previous</button>
<h2 *ngIf="empInfo && empInfo.length …Run Code Online (Sandbox Code Playgroud)angular ×3
javascript ×3
jpa ×2
jsf ×2
primefaces ×2
audio ×1
ckeditor ×1
css ×1
eclipselink ×1
filter ×1
hibernate ×1
java ×1
jpql ×1
node.js ×1
pipe ×1
rxjs ×1
transactions ×1
typescript ×1
wildfly ×1
winston ×1