小编Dac*_*d3r的帖子

Aurelia将水平顶部滚动条添加到表中的方法?

我试图在我的模板标签内部(或外部)嵌入一个小脚本,但没有成功.该脚本永远不会执行.

在我的情况下,我正在寻找执行此脚本:

<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方法)?有任何想法吗?

这是我的想象,但我似乎无法弄清楚最后的部分,我甚至不知道这是否是正确的思考方式.

  1. 添加带有ref属性的虚拟元素
  2. 在Aurelia的视图控制器中创建一个附加功能
  3. 以某种方式将样式添加到ref提取的元素中.[yourref]

或者你可以避免在模板中放置一个虚拟div,实际上是上面的脚本所做的,这是动态添加它.同一个视图中也存在多个表,因此必须使用ref可能不是最好的方法:/

任何进一步的想法将不胜感激.制作水平顶部滚动条应该相当容易吗?:-)

http://plnkr.co/edit/N9dRxG?p=info

javascript aurelia

3
推荐指数
1
解决办法
588
查看次数

Recoil 中的动态原子键

我正在尝试创建一个动态表单,其中表单输入字段是根据 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)

reactjs recoiljs

3
推荐指数
1
解决办法
4490
查看次数

无意中删除了postgres默认的超级用户权限 - 我可以取回它吗?

从Webmin内部我意外地取消选中"可以创建数据库?"复选框.和"可以创建用户吗?"

愚蠢,我知道.

但是,由于用户具有超级用户权限来编辑/创建用户,有没有办法从linux终端修复此问题?

我知道可以重置密码,但我无法找到如何重置默认超级用户postgres的角色/权限.这是可能的还是我必须重新安装?

postgresql privileges disaster-recovery

1
推荐指数
1
解决办法
3058
查看次数

实现接口函数时,Struct字段未更新

例如,我们有以下界面:

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)

interface go

1
推荐指数
1
解决办法
79
查看次数

模板文件中的Golang重定向功能失败

正如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!

go

1
推荐指数
1
解决办法
467
查看次数

在普通 JavaScript 中将字符串转换为 uuid,无需外部依赖

我遇到的情况是,我需要在无法使用外部包的地方运行一些 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)

javascript

1
推荐指数
1
解决办法
2万
查看次数