我试图在我的模板标签内部(或外部)嵌入一个小脚本,但没有成功.该脚本永远不会执行.
在我的情况下,我正在寻找执行此脚本:
<script type="text/javascript">
function DoubleScroll(element) {
var scrollbar= document.createElement('div');
scrollbar.appendChild(document.createElement('div'));
scrollbar.style.overflow= 'auto';
scrollbar.style.overflowY= 'hidden';
scrollbar.firstChild.style.width= element.scrollWidth+'px';
scrollbar.firstChild.style.paddingTop= '1px';
scrollbar.firstChild.appendChild(document.createTextNode('\xA0'));
scrollbar.onscroll= function() {
element.scrollLeft= scrollbar.scrollLeft;
};
element.onscroll= function() {
scrollbar.scrollLeft= element.scrollLeft;
};
element.parentNode.insertBefore(scrollbar, element);
}
DoubleScroll(document.getElementById('doublescroll'));
</script>
Run Code Online (Sandbox Code Playgroud)
从如何在div的顶部和底部获得水平滚动条?,在我的表格顶部添加一个水平滚动条.
<div class="table-responsive">
<table class="table table-bordered table-striped">
// ... a ton of rows
</table>
</div>
Run Code Online (Sandbox Code Playgroud)
或者什么可能更好(aurelia方法)?有任何想法吗?
这是我的想象,但我似乎无法弄清楚最后的部分,我甚至不知道这是否是正确的思考方式.
或者你可以避免在模板中放置一个虚拟div,实际上是上面的脚本所做的,这是动态添加它.同一个视图中也存在多个表,因此必须使用ref可能不是最好的方法:/
任何进一步的想法将不胜感激.制作水平顶部滚动条应该相当容易吗?:-)
我正在尝试创建一个动态表单,其中表单输入字段是根据 API 返回的数据呈现的。
由于atom需要有一个唯一的键,我尝试将它包装在一个函数中,但是每次我更新字段值或重新安装组件(尝试更改选项卡)时,我都会收到一条警告:
我在这里做了一个小的运行示例https://codesandbox.io/s/zealous-night-e0h4jt?file=/src/App.tsx(代码如下):
import React, { useEffect, useState } from "react";
import { atom, RecoilRoot, useRecoilState } from "recoil";
import "./styles.css";
const textState = (key: string, defaultValue: string = "") =>
atom({
key,
default: defaultValue
});
const TextInput = ({ id, defaultValue }: any) => {
const [text, setText] = useRecoilState(textState(id, defaultValue));
const onChange = (event: any) => {
setText(event.target.value);
};
useEffect(() => {
return () => console.log("TextInput unmount");
}, []);
return (
<div>
<input type="text" …Run Code Online (Sandbox Code Playgroud) 从Webmin内部我意外地取消选中"可以创建数据库?"复选框.和"可以创建用户吗?"
愚蠢,我知道.
但是,由于用户具有超级用户权限来编辑/创建用户,有没有办法从linux终端修复此问题?
我知道可以重置密码,但我无法找到如何重置默认超级用户postgres的角色/权限.这是可能的还是我必须重新安装?
例如,我们有以下界面:
type IRoute interface {
AddChildren(child IRoute)
}
Run Code Online (Sandbox Code Playgroud)
以下结构:
type Route struct {
Alias string `json:"alias"`
Children []Route `json:"children,omitempty"`
Url string `json:"url,omitempty"`
}
Run Code Online (Sandbox Code Playgroud)
并实现了界面:
func (this Route) AddChildren (child globals.IRoute){
this.Children = append(this.Children, child.(Route))
}
Run Code Online (Sandbox Code Playgroud)
然后在我们的主函数中,如果我们想测试它,它将无法工作:
rSettings := Route{"settings", nil, "/admin/settings"}
rSettingsContentTypesNew := models.Route{"new", nil, "/new?type&parent"}
rSettingsContentTypesEdit := models.Route{"edit", nil, "/edit/:nodeId"}
// Does NOT work - no children is added
rSettingsContentTypes.AddChildren(rSettingsContentTypesNew)
rSettingsContentTypes.AddChildren(rSettingsContentTypesEdit)
rSettings.AddChildren(rSettingsContentTypes)
Run Code Online (Sandbox Code Playgroud)
这确实按预期工作:
rSettings := Route{"settings", nil, "/admin/settings"}
rSettingsContentTypesNew := models.Route{"new", nil, "/new?type&parent"}
rSettingsContentTypesEdit := models.Route{"edit", nil, "/edit/:nodeId"}
// …Run Code Online (Sandbox Code Playgroud) 正如golang文档所述,模板函数必须至少有一个返回参数,所以我想我可以排除模板函数.
所以我想我可以直接在Content模型上创建函数,但我想不是吗?
我认为下面的标记非常自我解释(根文件夹中的index.tmpl文件):
{{$request := .Request}}
{{$response := .Response}}
{{if eq $request.Method "POST"}}
{{.Redirect "page1" 301}}
{{end}}
<!DOCTYPE html>
<html>
<head>
<title>{{.Title | title}}</title>
</head>
<body>
<h1>{{.Title}}</h1>
{{.Body}}
<p>{{.ContentType}}</p>
<p>{{$request}}</p>
<p>{{lol}}</p>
<form method="POST">
<input type="text" name="lolcat"/>
<input type="submit" value="submit"/>
</form>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
这有点像在ASP.Net/Razor中如何做到这一点,但它不起作用.
其余代码在http://play.golang.org/p/LMKdflA9RS
要在本地测试程序,您需要:
main.go
index.tmpl
page1.tmpl (just use the same as index.tmpl)
Run Code Online (Sandbox Code Playgroud)
我做错了什么,怎么能实现呢?:-)
解:
http://play.golang.org/p/b2I_uzjiSH
感谢Ainar-G!
我遇到的情况是,我需要在无法使用外部包的地方运行一些 javascript。
理想情况下,该函数应采用字符串作为参数,并基于字符串参数返回 uuid(非随机)格式的字符串。
我一直在互联网上搜索,但除了一些 npm 包之外,我找不到一个简单而简短的函数来执行此操作,因为大多数函数只是随机的 uuidv4 函数。
由于我需要它在外部应用程序中运行一些js,因此不使用外部依赖项很重要,而且越短越好。
使用案例:
我有一个没有 id (uuid) 字段的实体。不过它还有另外 2 个 id。在坚持之前,我想根据连接的字符串生成 uuid 格式的 id,${fooId}-${barId}这样我就可以通过该 id 从 API 获取资源。
如果我没有无法使用外部依赖项/npm 包和脚本的限制,我会使用 uuid 包和 uuidv5。遗憾的是我没有这种可能性,所以我认为可以在单个普通 js 函数中实现这一点。
如果我之前不清楚,我需要弄清楚要放在这里的内容
const stringToUuid = (str) => {
// return string formatted as a uuid, based on the str parameter
}
Run Code Online (Sandbox Code Playgroud) go ×2
javascript ×2
aurelia ×1
interface ×1
postgresql ×1
privileges ×1
reactjs ×1
recoiljs ×1