草庐IT

ACTION_MEDIA_BUTTON

全部标签

javascript - 派发一个 Redux Action 并将后续 Action 作为有效负载以显示 Material UI 的 snackbar 或对话框

我将React与Redux和MaterialUI结合使用来构建网络应用程序。Web应用程序由多个页面和组件组成。我知道snackbar或dialog应该直接连接到用户正在做的事情。但是,我想让snackbar和dialog独立于页面和组件。因此,一个用例显示一条消息,例如后台数据同步失败和一个操作立即重试。我的想法是在名为RootFrame的页面上呈现snackbar,该页面用于包装所有其他页面并将snackbar的文本作为操作的有效负载进行分派(dispatch)。显示snackbar的Redux操作:exportfunctionshowSnackbar(message:string

javascript - Redux-thunk 派发一个 Action 并等待重新渲染

importReactfrom"react";import{render}from"react-dom";import{createStore,applyMiddleware}from"redux";import{Provider,connect}from"react-redux";importthunkfrom"redux-thunk";constdisabled=(state=true,action)=>{returnaction.type==="TOGGLE"?!state:state;};classButtonextendsReact.Component{componentDi

javascript - ionic 2 : Use picture in tab button

我在我的应用程序中使用ionic标签,我想在标签按钮中使用图片。我想动态设置这张图片。就我而言,我有一个链接了不同用户的帐户。我想根据所选用户更改我的标签图片。我有这个:我想要这个:我的标签中的代码:我不知道该怎么做,一个想法? 最佳答案 给tabIcon自定义名称,比如在CSS中:.ion-ios-customicon-outline,.ion-ios-customicon,.ion-md-customicon,.ion-md-customicon-outline{content:url('imageurl');}plunk

javascript - md-button 内的 Font Awesome 图标对齐

我正在尝试对齐按钮内的超棒字体图标,以便它们相对于工具栏上的文本居中。我有以下标记;Icons产生以下布局;第二个图标上的fa-lg使它看起来居中,尽管我怀疑它仍然与顶部对齐。我尝试在md-button上粘贴layout-alignment="centercenter"没有效果。我如何控制md-buttons中超赞字体图标的对齐方式,特别是如何在工具栏中将它们垂直居中?是否有AngularMaterial方法可以进行这种对齐,或者此处是否需要自定义CSS?CodePen 最佳答案 似乎是md-icon元素上的24px固定高度扰乱了图

javascript - jQuery JavaScript : take action when radio button is selected

我有以下单选按钮,默认情况下没有一个被选中。homeworkschool我如何检测它们中的任何一个何时被选中。我正在寻找类似点击的东西,但它不起作用$("input[name=location]").click(function(){alert("selected");}); 最佳答案 $('input[name=location]').change(function(){alert(this.checked);}); 关于javascript-jQueryJavaScript:take

javascript - 当使用 redux-saga 发送一个 Action 时取消一个 saga

我在调度START操作时为秒表React组件启动计时器:import'babel-polyfill'import{call,put}from'redux-saga/effects'import{delay,takeEvery,takeLatest}from'redux-saga'import{tick,START,TICK,STOP}from'./actions'constONE_SECOND=1000exportfunction*timerTickWorkerSaga(getState){yieldcall(delay,ONE_SECOND)yieldput(tick())}expo

javascript - 将 knockout.js observablearray 对象传递给 MVC Controller Action?

我正在使用MVC的knockout。我试图将一个可观察的对象数组从knockout传递回我的MVCController操作以保存到数据库。如果我通过ko.toJSON(viewModel.ArrayName)将Array从knockout传递到我的Controller操作,它在我的Controller参数中返回为null。如果我尝试通过ko.toJS(viewModel.ArrayName)将它传递给MVC,它具有正确数量的项目,但由于某种原因数据为空。任何有关如何执行此操作的帮助将不胜感激。谢谢!我的JQuery数据检索方法:vardataService={};varviewMode

javascript - Vuex:跳过 Action 并直接从 Component 提交 Mutation

在vue.js应用程序中,使用vuex作为状态管理存储,我需要简单地更改vuex中的属性值。为此,我可以采用两种方法:调度action方法,该方法将进一步提交mutation,最终将更改状态。第二种方法是直接从组件提交mutation,然后mutation方法将更改状态。目前,我正在使用这样的第一种方法:在组件中:this.$store.dispatch('updateNotice','这是一些通知')在行动中:updateNotice({state,getters,commit},payload){提交('UPDATE_NOTICE',有效载荷)}在突变中:UPDATE_NOTICE

javascript - 使用带有异步函数和 .then 的 MobX @action 装饰器

我正在使用MobX2.2.2尝试在异步操作中改变状态。我将MobX的useStrict设置为true。@actionsomeAsyncFunction(args){fetch(`http://localhost:8080/some_url`,{method:'POST',body:{args}}).then(res=>res.json()).then(json=>this.someStateProperty=json).catch(error=>{thrownewError(error)});}我得到:Error:Error:[mobx]Invariantfailed:Itisnota

javascript - EmberJS : How to transition to a router from a controller's action

我有一个Action:{{actioncreatetarget="controller"}}我像这样针对绑定(bind)的Controller(而不是路由器):App.AddBoardController=Ember.Controller.extendcreate:->App.store.createRecordApp.Board,{title:@get"boardName"}App.store.commit()//TODO:Redirecttoroute如何从Controller操作重定向回路由? 最佳答案 使用transitio