草庐IT

动态表格

全部标签

javascript - 引导后动态地将 Controller 分配给元素

我有一个AngularJS应用程序,我在时间“t”手动引导。在时间“t+1”,我想显示一个没有附加ng-controller的HTML元素。我想为此元素动态添加一个ng-controller,以便它可以与我的javascript代码通信。我该怎么做?PS我尝试动态添加ng-controller属性到元素,但它不起作用。 最佳答案 为此,您需要编译元素。HTMLAngularJSSetControllerJavascriptangular.module('app',[]);angular.module('app').controlle

javascript - 如何通过在普通 JavaScript 中动态附加的类名获取所有选择器?

我需要获取/计算有多少具有公共(public)类target名称的元素是“可用的”。这些元素上没有一个物理存在于DOM中。这些项目已在页面完全加载后添加。下方vartargets=document.getElementsByClassName('target');当我console.log(targets);我得到[]。当我单击这些方括号时,它们会展开并且target项目似乎出现但在它们旁边有一条消息:Objectvalueatleftwassnapshottedwhenlogged,valuebelowwasevaluatedjustnow.所以我假设我在DOM尚未填充target元

javascript - 动态加载 JavaScript 并监控下载进度

高级View:我正在使用Emscripten将各种遗留C/C++代码库转换为优化的JavaScript,以便现代的、基于浏览器的用户群可以轻松地利用它们的功能。到目前为止,一切都很好。然而,Emscripten转译的JS可能有点笨重,即使在针对网络传输进行压缩之后也是如此。为了提高用户体验,我想在主页面加载后下载这个巨大的JSblock,并且我想监控下载进度以显示在页面UI中。我知道有两种动态加载方法,但我都遇到了缺点:第一种方法是创建脚本标签(嵌入在HTML页面中或由JS动态生成)。onload事件在文件下载完毕并准备好运行时触发。这种方法的问题是我找不到监控下载进度的方法。脚本对象

javascript - 在版本 4 中动态添加节点到 D3 Force Layout

我正在尝试实现一个简单的力布局,其中可以动态添加和删除节点(没有链接)。我成功地在D3版本3中实现了这个概念,但我无法将其转换为版本4。添加和更新节点后,模拟卡住并且传入的圆圈绘制在svg的左上角。有人知道为什么会这样吗?感谢您的帮助:)我的概念是基于这个解决方案:AddingnewnodestoForce-directedlayoutJSFiddle:workingcodeind3v3/*Defineclass*/classPlanet{constructor(selector){this.w=$(selector).innerWidth();this.h=$(selector).i

javascript - 动态评估模板文字

假设我有这样的模板文字:consttemplateLiteral=`stringtext${expression}stringtext`我想将模板字面量动态计算为完成的字符串。functiontoFoo(templateLiteral){//returns"stringtextFoostringtext"returntemplateLiteral.evaluate('Foo');}functiontoBar(templateLiteral){//returns"stringtextBarstringtext"returntemplateLiteral.evaluate('Bar');}

javascript - React Router - 如何动态替换字符串中的参数

我在URL中有一组动态参数,例如用户区域设置,看起来像这样:/en/homepage在我的路由器配置JSON文件中,我有类似的内容:/:locale/homepage在ReactRouter中直接替换这些参数的最佳方法是什么?我想出了这个在我看来与标准或可移植解决方案相去甚远的解决方案:consturlTemplate='/:language/homepage';constmappedUrl=pathToRegexp.compile(urlTemplate);consturl=mappedUrl({'language':this.props.match.params.language}

javascript - 动态创建函数的源映射

JavaScript允许您在运行时使用newFunction(...)或eval创建新函数。以这种方式创建的函数是否可以设置源映射之类的东西?也就是说,设置据称从中加载它的源文件的名称,以及不同的源代码行号。如果没有通用的解决方案,那么可能会有针对特定JavaScript引擎的特定解决方案。 最佳答案 对于评估代码,您可以简单地添加://#sourceMappingURL=//#sourceURL=到您正在评估的代码的底部。对于sourceMappingURL,您将发送dataurl,因为您自然不会在某处托管现有源map,您将动态生

javascript - Vue动态添加不同组件

我想用Vue创建一个简单的表单生成器,用户可以在其中单击菜单中的按钮以向表单添加不同的表单字段。我知道,如果只添加一种类型的表单字段,我可以用这样的方法(https://jsfiddle.net/u6j1uc3u/32/):AddFormElementText和:Vue.component('form-input',{template:'#form-input'});newVue({el:'#app',data:{fields:[],count:0},methods:{addFormElement:function(){this.fields.push({type:'text',pla

javascript - 如何对 greasemonkey 中的现有表格进行排序?

我正在为一个包含表格的页面编写一个greasemonkeyuser.js。(表是100行18列。)现在我想做的是让它在列上可排序,并让它在Chrome和Firefox中运行。到目前为止,所有搜索答案的结果都是使用jquery/dojo或类似工具的建议。我可以在没有任何外部代码的情况下完成吗?最重要的是,这只是以不同顺序替换行的问题,对吧?还是这么说很傻?问题是我已经在使用dojo来满足某些查询需求,但是因为我希望它在Firefox和Chrome中运行,所以我只是将整个dojo东西复制粘贴到我的脚本中。此外,到目前为止,我发现的大多数解决方案似乎更适合在构建表格时使用,而不是用于更改现有

javascript - 如何绑定(bind)向上和向下箭头键以启用在表格行中导航?

我正在用表格显示搜索结果。每个结果都有一个按钮供用户单击以显示其全部详细信息。这很好用。我还希望能够使用键盘的向上和向下箭头导航搜索结果。现在,用户必须单击Select按钮或选择按钮,然后按空格键。我想我可以捕获keyup和down事件,然后找到我需要选择的上一个或下一个,然后设置它,但这听起来工作量很大。我想知道是否有更好的方法来做到这一点?javascriptvarmyModel=newfunction(){varself=this;self.selectedResult=ko.observable(newMyObj());self.searchResults=ko.observa