草庐IT

按钮组件

全部标签

javascript - 如何通过浏览器后退按钮处理用户到达页面?

用户访问页面A并点击几次,同时调整页面状态。页面A最终将用户重定向到页面B用户点击浏览器后退按钮,在浏览器中再次看到页面A我需要在第3步执行一些界面清理。如何在页面A中捕获此事件? 最佳答案 我将做一些假设来提供一种不完全依赖javascript的方法:您在另一个答案的评论中指出这是一个ASP.NET应用程序。我假设您只关心从ASP.NET应用程序的另一个页面按下后退按钮的位置。您可以控制在ASP.NET代码隐藏中针对相关页面和需要“退出”的页面执行的服务器端代码。如果这两个条件都成立,那么您应该可以使用Sessionvariabl

javascript - 将嵌套的 Redux 智能组件与 reducer 连接起来

与Redux的ToDo示例类似,我的项目结构也类似——只是一个容器,其中包含要显示的子组件数组。该商店将如下所示:{workspace:{widgets:[1,2,3]}widgets:{1:{id:1,title:'FirstWidget',lastPrice:123.324,lastUpdate:'2015-11-12'},2:{id:2,title:'SecondWidget',lastPrice:1.624,lastUpdate:'2015-11-12'},3:{id:3,title:'ThirdWidget',lastPrice:4.345,lastUpdate:'2015-

javascript - velocity-react - 在组件更新后动画 scrollTop

我正在编写一个简单的“控制台”,以类似聊天的方式显示消息。消息从底部出现,并向上移动。我有工作代码,但我想通过每次添加新的“li”时将容器滚动到底部来动画显示消息。当前代码:importReactfrom'react';import{render,findDOMNode}from'react-dom';exportdefaultReact.createClass({componentDidUpdate:function(){varnode=findDOMNode(this);node.scrollTop=node.scrollHeight;},render(){return({this

javascript - TypeScript 相当于 React 无状态组件中的 rest/spread Prop

我正在尝试添加以下函数,取自bootstrap-reactdocumentation,到我的TypeScript+React项目:functionFieldGroup({id,label,help,...props}){return({label}{help&&{help}});}但是,我目前的实现是:interfaceFieldGroupPropsextendsReact.HTMLAttributes{id?:string;label?:string;help?:string;}classFieldGroupextendsReact.Component{publicrender():

javascript - 帮我创建一个 Firefox 扩展(Javascript XPCOM 组件)

我一直在看不同的教程,我知道我很接近,但我迷失了实现细节,因为其中一些有点过时,自Firefox3以来有一些事情发生了变化。我已经writtenthejavascriptforthefirefoxextension,现在我需要把它变成一个XPCOM组件。这是我需要的功能:我的Javascript文件很简单,我有两个函数startServer()和stopServer。我需要在浏览器启动时运行startServer(),在firefox退出时运行stopServer()。编辑:我已经用有效的解决方案更新了我的代码(感谢Neil)。以下内容在MyExtension/components/m

javascript - 使用 Knockout.js 组件和 webpack

我正在移动现有的knockout.js项目(基于Knockout组件和requirejs)。我有一个需要的启动文件,它可以工作。文件中的脚本入口是在requirejs转webpack中,我的入口文件如下require("../src/app/startup");document.write(require("raw!./base.html"));base.html和原来的html文件一样,定义为问题是当我运行该页面时,没有任何反应。当我在startup.js文件中放置一个调试器时,它实际上被命中了,所以我知道它正在被调用,但页面上除了基本html之外什么都没有。组件未呈现。我如何让它工

javascript - 如何在 Elm 中创建有状态、模块化、独立的 Web 组件?

假设您要创建一个包含3个按钮的UI。当您单击其中一个时,其他的将被释放。在JavaScript中,你可以这样写:varelements=["Foo","Bar","Tot"].map(function(name){varelement=document.getElementById(name);element.onclick=function(){elements.map(function(element){element.className='button';});element.className='buttonselected';};returnelement;});.butto

javascript - Tinymce 添加文件选择器按钮以添加链接

我想添加一个触发按钮来将图像作为数据上传。所以我添加了以下代码tinymce.init({selector:'#test',...,paste_data_images:true,image_advtab:true,file_picker_callback:function(callback,value,meta){if(meta.filetype=='image'){jQuery('#test-upload').trigger('click');jQuery('#test-upload').on('change',function(){varfile=this.files[0];var

javascript - 无法将组件加载到页面中 - Angular 4/Ionic 3

页面上显示一个按钮。当用户选择按钮时,子组件将出现,但是,会出现以下错误-错误:未捕获(promise):错误:未找到ModalComponent的组件工厂。你有没有把它添加到@NgModule.entryComponents?我设置的结构如下,这是结合Ionic3-app(folder)-app.module-app.componentcomponents(folder)-modal-component.tspages(folder)-pageOne(folder)-pageOne.module-pageOne.ts我将模态组件放在pageOne.module中pageOne.mod

javascript - 如何将 Jquery Datatables Ellipsis 渲染器用于模板字段链接按钮?

当我将它与Asp-boundfield一起使用时,它工作得很好看列一个是Ellipsed但是当在模板字段链接按钮上使用时,它返回空白看到它是空白的我不知道我应该怎么做才能在链接按钮列字段上应用相同的任何建议?Eclipsed的脚本functionpageLoad(){vartable=$('#gvTest').DataTable({select:true,pageLength:15,lengthChange:false,scrollY:"400px",scrollX:true,scrollCollapse:false,order:[15],fixedColumns:true,colum